Color Converter

Input accepts any valid CSS color: HEX (#e84d4d), RGB (rgb(232,77,77)), HSL (hsl(0,77%,61%)), or named colors. Output shows HEX, RGB, HSL, and OKLCH formats. Use the color picker for visual selection.

OKLCH is a perceptually uniform color space - colors that look equally different have equal numerical differences. It's gaining adoption in modern CSS as a more intuitive alternative to HSL, especially for creating color palettes.

Yes! Click any color value in the left panel to copy it to your clipboard instantly. The output shows all formats simultaneously - no need to switch modes.

HSL (Hue, Saturation, Lightness) is an intuitive cylindrical model but has perceptual non-uniformity — colors with the same 'Lightness' value can appear to have different brightness. OKLCH is a perceptually uniform color space — equal numerical differences look equally different to the human eye. OKLCH is the modern standard for creating consistent color palettes.

HEX and RGB represent the same color if the values are mathematically equivalent. #E84D4D = rgb(232,77,77). Discrepancies usually come from: (1) missing the # prefix, (2) using 3-digit shorthand without expanding (e.g., #F00 vs #FF0000), or (3) browser color management settings. The converter ensures accurate mathematical conversion between all formats.

Yes! The converter accepts any valid CSS color value: named colors (red, dodgerblue), HEX (#E84D4D), RGB, RGBA, HSL, HSLA, and modern functional notations. The browser's CSS engine parses the input, and the converter extracts the computed RGB values to produce all output formats.