How to Use
- 1
Type a color value in any supported format - HEX (#ff5733), RGB (255, 87, 51), or HSL (11, 100%, 60%).
- 2
All other format representations update instantly as you type.
- 3
Click the copy icon next to any format to copy it for use in CSS, design tools, or code.
Frequently Asked Questions
What color formats are supported? ▼
Convert between HEX, RGB, and HSL formats instantly. Enter any format and see all the equivalent values in real time.
Can I use the visual color picker? ▼
Yes. Click the color swatch or picker area to open a visual color chooser. Drag the picker to any hue and saturation, and all format values update automatically.
How do I copy a color value? ▼
Click the copy icon next to any color format - HEX, RGB, or HSL - to instantly copy it to your clipboard, ready to paste into your CSS, Figma, Sketch, or any other tool.