Color Converter
Enter a color in HEX, rgb(), or hsl() and see all three forms side-by-side with a live swatch.
HEX, RGB, HSL — what's the difference?
- HEX (
#RRGGBB) is a compact, web-traditional way to write 24-bit RGB. - RGB (
rgb(r, g, b)) gives each channel a 0–255 decimal value. Usergb()when you need alpha (rgba()). - HSL (
hsl(h, s%, l%)) is more intuitive for design — hue is an angle on the color wheel, saturation and lightness are percentages.
Modern CSS color functions
CSS Color Level 4 introduces space-separated syntax (rgb(110 231 198 / 0.8)), the wide-gamut spaces oklch() and oklab(), and the color() function for explicit color spaces. This converter focuses on the three classic spaces; for modern color math, see MDN's reference linked below.