Skip to content

kay-who-codes/HTML-Colour-Tool

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎨 HTML Colour Tool

A simple and intuitive web-based tool for developers to pick colors and get their corresponding HEX, RGB, HSL, and CMYK values. Perfect for quick color conversions and copying color codes to your clipboard.

App Image

Features

  • Color Picker: Easily select any color using the built-in color picker.
  • Real-Time Conversion: Instantly convert the selected color to HEX, RGB, HSL, and CMYK formats.
  • Copy to Clipboard: One-click copy functionality for each color format.
  • Dark Mode: A sleek, dark-themed interface for comfortable usage.

Usage

  1. Open the app in a browser - LINK TO THE APP.
  2. Use the color picker to select a color.
  3. View the corresponding HEX, RGB, HSL, and CMYK values in real-time.
  4. Click the "Copy" button next to any format to copy the value to your clipboard.
  5. A notification will confirm that the value has been copied.

Files

  • index.html: The main HTML file containing the structure of the app.
  • style.css: The CSS file for styling the app with dark mode and a minimalist design.
  • script.js: The JavaScript file that handles color conversion, updates the UI, and manages the copy-to-clipboard functionality.

Contributing

Feel free to contribute to this project by submitting issues, pull requests, or suggestions. If you want to add new features or improve existing ones, please fork the repository and submit a pull request.

Contact