Key Features
HEX ↔ RGB ↔ HSL conversion
Named CSS color lookup
Live color preview swatch
Adjust color via picker or text input
Copy any format with one click
Opacity / alpha channel support
How to Use
1Enter a color in any format (HEX, RGB, HSL, or name)
2View the converted values in all other formats
3Use the color picker to fine-tune the color
4Click Copy next to any format
Common Use Cases
Convert a HEX color to RGB for use in JavaScript
Find the HSL equivalent of a brand color
Look up the name of a CSS color
Adjust opacity for a semi-transparent overlay
Frequently Asked Questions
What is the difference between HEX, RGB, and HSL?
HEX and RGB both represent red, green, and blue channels. HSL represents hue, saturation, and lightness, which is often more intuitive for humans when adjusting colors.