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