A simple and intuitive tool to pick colors and convert them between HEX, RGB, and HSL formats.

How to use

• Pick a Color: Use the color picker or click the preview box to choose a color visually.
• HEX Input: Enter a 6-digit hex code (e.g., #FF5733) to see its RGB and HSL equivalents.
• RGB/HSL Inputs: Adjust the individual values to fine-tune your color.
• Copy: Click the Copy button next to any format to copy it to your clipboard.

Understanding Color Formats

• HEX: A hexadecimal representation of RGB values, commonly used in web design.
• RGB: Red, Green, and Blue values (0-255).
• HSL: Hue (0-360), Saturation (0-100%), and Lightness (0-100%). It’s often more intuitive for humans to understand than RGB.