Color Converter
Enter a color value in any format (HEX, RGB, or HSL) and the other two update automatically. Use the color picker for visual selection.
#3B82F6 Color Preview
Common questions
Which color format should I use in CSS?
For modern projects, consider OKLCH — a perceptually uniform color space where equal numeric differences produce equal visual differences. It makes palette building more consistent and handles wide-gamut displays well. HEX and RGB remain safe for broad browser compatibility.
What is the difference between HEX, RGB, and HSL?
All three are notations for the same sRGB color space. HEX (#rrggbb) is hexadecimal shorthand, convenient in code. RGB (rgb(r, g, b)) states components directly. HSL (hsl(h, s%, l%)) describes color by hue, saturation, and lightness — more intuitive when adjusting colors by hand.
Why does the same color look different on different screens?
Every monitor calibrates colors slightly differently, and modern displays support wider gamuts than sRGB (such as Display P3 or Adobe RGB). The color #ff0000 looks different on a calibrated MacBook Pro with Display P3 than on an older TN panel. ICC profiles and display calibration minimize the difference.