Color Converter
Convert colors between HEX, RGB, and HSL formats, with a live color picker and preview.
How the Color Converter works
Enter a color as a HEX code, adjust the individual red, green, and blue sliders, or pick one visually using the color swatch — all three stay in sync, and the equivalent RGB and HSL values update instantly.
Use the copy button next to any format to grab a ready-to-paste CSS value for your project.
Frequently asked questions
What's the difference between HEX, RGB, and HSL?
HEX and RGB both describe a color as a mix of red, green, and blue light — HEX is just a compact hexadecimal shorthand for RGB. HSL instead describes color as hue (the color itself), saturation (intensity), and lightness, which is often more intuitive for adjusting a shade by hand.
Which format should I use in CSS?
All three work in modern CSS. HEX is the most common for fixed brand colors, RGB is useful when you need transparency (rgba), and HSL is often easiest when you want to programmatically lighten, darken, or rotate a hue.
Can I use the color picker to find a color from my screen?
The built-in color picker lets you choose from your system's color palette. Some browsers also support an eyedropper tool within their native color picker for sampling colors from anywhere on your screen.