Конвертер форматов цвета

OKLCH is a perceptually uniform color space defined by Lightness (0-1), Chroma (colorfulness), and Hue (0-360°). Unlike HSL where equal lightness values can look visually different, OKLCH ensures that colors with the same L value appear equally bright to the human eye. It is recommended for modern CSS because it enables better color manipulation — adjusting lightness or chroma produces predictable, natural-looking results.

Use CMYK (Cyan, Magenta, Yellow, Key/Black) for print design and RGB for screens. Printers use subtractive color mixing with CMYK inks, while screens use additive mixing with RGB light. Note that the RGB gamut is larger than CMYK — some vibrant screen colors like electric blue (#0000FF) cannot be exactly reproduced in print. Always soft-proof your designs in CMYK before sending to print.

Conversions between HEX, RGB, HSL, and HSV are mathematically lossless — they represent the same sRGB color space. Converting to CMYK or OKLCH may involve rounding because these use different coordinate systems. The key limitation is gamut: if you convert from a wider space (like OKLCH or Display P3) to sRGB, out-of-gamut colors will be clipped to the nearest representable value.

HSL (Hue, Saturation, Lightness) and HSV (Hue, Saturation, Value) both describe color using hue angle, but their saturation and brightness components differ. In HSL, 50% lightness is the pure hue, with 0% being black and 100% white. In HSV, 100% value is the brightest version of the hue. HSL is more common in CSS (the hsl() function), while HSV is popular in design tools like Photoshop's color picker.

Three-digit HEX shorthand like #F0A expands by doubling each digit: #FF00AA. This works only when each pair of the full six-digit code has identical digits. So #AABBCC can be written as #ABC, but #A1B2C3 has no shorthand form. Modern CSS also supports 4-digit (#RGBA) and 8-digit (#RRGGBBAA) hex notation for colors with alpha transparency.