HSL в OKLCH
Конвертируйте значения HSL в OKLCH мгновенно. Вставьте любое значение HSL в бесплатный конвертер и получите эквивалент OKLCH (а также RGB, HSL, HSV, OKLCH и CMYK) одним кликом — всё в браузере, ничего не загружается.
Конвертировать любой цвет →Пример
hsl(221, 83%, 53%)→oklch(55% 0.22 263)
HSL в OKLCH на привычных цветах
То же преобразование на цветах со всего круга, включая чёрный и белый: на краях диапазона форматы расходятся сильнее всего. Нажмите на название — откроется разбор этого цвета.
| Цвет | HSL | OKLCH |
|---|---|---|
| Black | hsl(0, 0%, 0%) | oklch(0% 0 0) |
| White | hsl(0, 0%, 100%) | oklch(100% 0 90) |
| Slate 500 | hsl(215, 16%, 47%) | oklch(55% 0.04 257) |
| Red 500 | hsl(0, 84%, 60%) | oklch(64% 0.21 25) |
| Lime 500 | hsl(84, 81%, 44%) | oklch(77% 0.2 131) |
| Green 500 | hsl(142, 71%, 45%) | oklch(72% 0.19 150) |
| Violet 500 | hsl(258, 90%, 66%) | oklch(61% 0.22 293) |
| Pink 500 | hsl(330, 81%, 60%) | oklch(66% 0.21 354) |
О форматах
HSL. HSL = Hue/тон (0–360°), Saturation/насыщенность и Lightness/светлота (0–100%) — удобно для правок.
OKLCH. OKLCH — современное перцептивно-равномерное цветовое пространство CSS (Lightness, Chroma, Hue).
Другие конвертации
HEX → RGBHEX → HSLHEX → HSVHEX → CMYKHEX → OKLCHRGB → HEXRGB → HSLRGB → HSVRGB → CMYKRGB → OKLCHHSL → HEXHSL → RGBHSL → HSVHSL → CMYKHSV → HEXHSV → RGBHSV → HSLHSV → CMYKHSV → OKLCHCMYK → HEXCMYK → RGBCMYK → HSLCMYK → HSVCMYK → OKLCHOKLCH → HEXOKLCH → RGBOKLCH → HSLOKLCH → HSVOKLCH → CMYK
Популярные цвета →