๐จColor Code Converter (HEX โ RGB โ HSL)
Convert between HEX, RGB, and HSL color codes. A free tool for designers and developers. Useful for organizing design system colors, writing CSS, transferring colors from Photoshop/Illustrator, and standardizing brand colors.
How to use
- 1Enter a color code in any format or pick from the color wheel.
- 2Codes in other formats convert automatically.
- 3Use the copy button to grab your preferred code.
FAQ
What's different about HSL?+
HSL (Hue, Saturation, Lightness) is intuitive for color adjustments. Easier than RGB when you want to change only brightness.
Are HEX and RGB the same color?+
Yes โ different notations only. #FF0000 = rgb(255, 0, 0) = red. HEX is short and familiar, common in CSS.
Is alpha (transparency) supported?+
Yes via RGBA, HSLA, and 8-digit HEX (#RRGGBBAA).
Which format is best for design?+
CSS uses HEX or hsl(); Figma uses 8-digit HEX; print uses CMYK (not supported here).
Does it convert to CMYK?+
Only RGB-based colors for now. CMYK is for print and needs a dedicated tool.
Good for extracting colors from Korean sites?+
Pair with the Image Color Extract tool. Extract a palette from an image, then convert each color to HSL for a design system.