A simple and intuitive tool to pick colors and convert them between HEX, RGB, and HSL formats.
Loading...
Examples and limits
Entering #FF0000 gives rgb(255, 0, 0) and hsl(0, 100%, 50%). Three- and six-digit HEX values are supported; RGB/HSL values are clamped to valid ranges, while non-integers and invalid formats show an error. Color values are processed locally.
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.