Конвертация
HEX ↔ RGB / HSL / HSV
hexToRgb(hex)
[r, g, b] — кортеж компонентов RGB, каждый 0–255
Конвертирует HEX-цвет (#rgb или #rrggbb, # можно не указывать, регистр не важен) в компоненты RGB.
hexToRgba(hex, opacity)
string — строка rgba(r, g, b, opacity)
Конвертирует HEX-цвет в CSS-строку rgba(...) с заданной непрозрачностью (0–1, по умолчанию 1).
hexToHsl(hex)
[h, s, l] — оттенок 0–360°, насыщенность и светлота 0–100%
Конвертирует HEX-цвет в компоненты HSL.
hexToHsv(hex)
[h, s, v] — оттенок 0–360°, насыщенность и яркость 0–100%
Конвертирует HEX-цвет в компоненты HSV.
hslToHex(h, s, l)
string — цвет в формате #rrggbb
Конвертирует HSL в HEX-цвет. h циклически приводится к 0–360; s/l обрезаются до диапазона 0–100.
hsvToHex(h, s, v)
string — цвет в формате #rrggbb
Конвертирует HSV в HEX-цвет.
RGB ↔ HSL / HSV / HWB
rgbToHsl({r, g, b})
[h, s, l] — оттенок 0–360°, насыщенность и светлота 0–100%
Конвертирует компоненты RGB (каждый 0–255) в компоненты HSL.
hslToRgb(h, s, l)
{ r, g, b } — компоненты RGB, каждый 0–255
Конвертирует HSL в объект RGB.
rgbToHsv({r, g, b})
[h, s, v] — оттенок 0–360°, насыщенность и яркость 0–100%
Конвертирует RGB в компоненты HSV.
hsvToRgb(h, s, v)
{ r, g, b } — компоненты RGB, каждый 0–255
Конвертирует HSV в объект RGB.
rgbToHwb({r, g, b})
[H, W, B] — оттенок 0–360°, белизна (whiteness) и черность (blackness) 0–100%
Конвертирует RGB в компоненты HWB.
hwbToRgb(H, W, B)
{ r, g, b } — компоненты RGB, каждый 0–255
Конвертирует HWB в объект RGB. W/B — белизна и черность 0–100 — если их сумма ≥ 100, результат — оттенок серого.
RGB ↔ HEX / RGBA-строки
rgbToHex({r, g, b})
string — цвет в формате #rrggbb (в нижнем регистре)
Конвертирует RGB в HEX-цвет.
rgbaToHex({r, g, b, a})
string — цвет в формате #rrggbbaa
Конвертирует RGBA (альфа a в диапазоне 0–1) в 8-значный HEX-цвет с альфа-каналом в конце.
rgbaToHex8({r, g, b, a})
string — цвет в формате #rrggbbaa
Алиас для rgbaToHex — то же поведение под более явным именем.
rgbToRgbaString({r, g, b}, a)
string — строка rgba(r, g, b, a) (альфа округляется до 3 знаков)
Собирает CSS-строку rgba(...) из компонентов RGB и отдельного аргумента альфы.
RGB ↔ CMYK
rgbToCmyk({r, g, b})
{ c, m, y, k } — компоненты CMYK в диапазоне 0–1 (не проценты)
Конвертирует RGB в компоненты CMYK.
cmykToRgb({c, m, y, k})
{ r, g, b } — компоненты RGB, каждый 0–255
Конвертирует CMYK (компоненты в диапазоне 0–1) в объект RGB.
RGB ↔ Lab / LCH / Oklab / Oklch
rgbToLab({r, g, b})
{ L, a, b } — CIE Lab (D65): светлота, ось зелёный↔красный, ось синий↔жёлтый
Конвертирует RGB в CIE Lab через промежуточное пространство XYZ.
labToRgb({L, a, b})
{ r, g, b } — компоненты RGB, каждый 0–255
Конвертирует координаты CIE Lab обратно в объект RGB.
rgbToLch({r, g, b})
{ L, C, H } — светлота, хрома (насыщенность) и угол тона в градусах
Конвертирует RGB в CIE LCH — цилиндрическое представление Lab.
lchToRgb({L, C, H})
{ r, g, b } — компоненты RGB, каждый 0–255
Конвертирует координаты CIE LCH обратно в объект RGB.
rgbToOklab({r, g, b})
{ L, a, b } — Oklab: светлота (≈0–1) и две цветовые оси
Конвертирует RGB в перцептивно равномерное пространство Oklab.
oklabToRgb({L, a, b})
{ r, g, b } — компоненты RGB, каждый 0–255
Конвертирует координаты Oklab обратно в объект RGB.
rgbToOklch({r, g, b})
{ L, C, H } — светлота, хрома и угол тона в градусах
Конвертирует RGB в Oklch — цилиндрическое представление Oklab.
oklchToRgb({L, C, H})
{ r, g, b } — компоненты RGB, каждый 0–255
Конвертирует координаты Oklch обратно в объект RGB.
RGB ↔ Display P3
rgbToDisplayP3({r, g, b})
{ r, g, b } — компоненты в пространстве Display P3, каждый в диапазоне 0–1
Конвертирует компоненты sRGB (каждый 0–255) в более широкое цветовое пространство Display P3 (линеаризация → матрица перехода → гамма-коррекция).
displayP3ToRgb({r, g, b})
{ r, g, b } — компоненты sRGB, каждый 0–255
Конвертирует компоненты Display P3 (каждый в диапазоне 0–1) обратно в sRGB.
toDisplayP3Hex(color)
string — HEX-строка
Конвертирует произвольный цвет (HEX, rgb(), hsl() и т. д.) через пространство Display P3 и возвращает результат в виде HEX.