How to Use

  • Select a Color: Use the color picker to choose a color visually.

  • View Preview: The selected color appears in the preview box.

  • Color Codes: The HEX, RGB, and HSL values are displayed in their respective fields.

  • Copy to Clipboard: Click the "Copy" button next to any color code (HEX, RGB, or HSL) to copy it to your clipboard.

  • Initial Color: Starts with a default blue color (#3b82f6).

Features

  • Responsive Design: Uses Tailwind CSS for a clean, mobile-friendly interface.

  • Real-Time Updates: Color codes and preview update instantly as you select a new color.

  • Multiple Formats: Displays color in HEX, RGB, and HSL formats.

  • Copy Functionality: Easily copy any color code to the clipboard with a single click.

  • Native Color Picker: Uses the browser's built-in <input type="color"> for a reliable color selection experience.