Конвертация

HEX ↔ RGB / HSL / HSV

hexToRgb(hex)

• Принимает: hex: string — цвет в HEX (#rgb, #rrggbb, # можно не указывать, регистр не важен)
• Возвращает: [r, g, b] — кортеж компонентов RGB, каждый 0–255

Конвертирует HEX-цвет в компоненты RGB.

hexToRgba(hex, opacity)

• Принимает: hex: string — HEX-цвет; opacity: number — непрозрачность 0–1 (по умолчанию 1)
• Возвращает: string — строка rgba(r, g, b, opacity)

Конвертирует HEX-цвет в CSS-строку rgba(...) с заданной непрозрачностью.

hexToHsl(hex)

• Принимает: hex: string — HEX-цвет
• Возвращает: [h, s, l] — оттенок 0–360°, насыщенность и светлота 0–100%

Конвертирует HEX-цвет в компоненты HSL.

hexToHsv(hex)

• Принимает: hex: string — HEX-цвет
• Возвращает: [h, s, v] — оттенок 0–360°, насыщенность и яркость 0–100%

Конвертирует HEX-цвет в компоненты HSV.

hslToHex(h, s, l)

• Принимает: h: number — оттенок в градусах (циклически приводится к 0–360); s, l: number — насыщенность и светлота 0–100 (обрезаются до диапазона)
• Возвращает: string — цвет в формате #rrggbb

Конвертирует HSL в HEX-цвет.

hsvToHex(h, s, v)

• Принимает: h: number — оттенок в градусах; s, v: number — насыщенность и яркость 0–100
• Возвращает: string — цвет в формате #rrggbb

Конвертирует HSV в HEX-цвет.

RGB ↔ HSL / HSV / HWB

rgbToHsl({r, g, b})

• Принимает: { r, g, b } — компоненты RGB, каждый 0–255
• Возвращает: [h, s, l] — оттенок 0–360°, насыщенность и светлота 0–100%

Конвертирует RGB в компоненты HSL.

hslToRgb(h, s, l)

• Принимает: h: number — оттенок в градусах; s, l: number — насыщенность и светлота 0–100
• Возвращает: { r, g, b } — компоненты RGB, каждый 0–255

Конвертирует HSL в объект RGB.

rgbToHsv({r, g, b})

• Принимает: { r, g, b } — компоненты RGB, каждый 0–255
• Возвращает: [h, s, v] — оттенок 0–360°, насыщенность и яркость 0–100%

Конвертирует RGB в компоненты HSV.

hsvToRgb(h, s, v)

• Принимает: h: number — оттенок в градусах; s, v: number — насыщенность и яркость 0–100
• Возвращает: { r, g, b } — компоненты RGB, каждый 0–255

Конвертирует HSV в объект RGB.

rgbToHwb({r, g, b})

• Принимает: { r, g, b } — компоненты RGB, каждый 0–255
• Возвращает: [H, W, B] — оттенок 0–360°, белизна (whiteness) и черность (blackness) 0–100%

Конвертирует RGB в компоненты HWB.

hwbToRgb(H, W, B)

• Принимает: H: number — оттенок в градусах; W, B: number — белизна и черность 0–100 (если их сумма ≥ 100, результат — оттенок серого)
• Возвращает: { r, g, b } — компоненты RGB, каждый 0–255

Конвертирует HWB в объект RGB.

RGB ↔ HEX-строки

rgbToHex({r, g, b})

• Принимает: { r, g, b } — компоненты RGB, каждый 0–255
• Возвращает: string — цвет в формате #rrggbb (в нижнем регистре)

Конвертирует RGB в HEX-цвет.

rgbaToHex({r, g, b, a})

• Принимает: { r, g, b, a } — компоненты RGB (0–255) и альфа a (0–1)
• Возвращает: string — цвет в формате #rrggbbaa

Конвертирует RGBA в 8-значный HEX-цвет с альфа-каналом в конце.

rgbaToHex8({r, g, b, a})

• Принимает: { r, g, b, a } — то же, что у rgbaToHex
• Возвращает: string — цвет в формате #rrggbbaa

Алиас для rgbaToHex — то же поведение под более явным именем.

rgbToRgbaString({r, g, b}, a)

• Принимает: { r, g, b } — компоненты RGB; a: number — альфа отдельным аргументом
• Возвращает: string — строка rgba(r, g, b, a) (альфа округляется до 3 знаков)

Собирает CSS-строку rgba(...) из компонентов RGB и альфы.

RGB ↔ CMYK

rgbToCmyk({r, g, b})

• Принимает: { r, g, b } — компоненты RGB, каждый 0–255
• Возвращает: { c, m, y, k } — компоненты CMYK в диапазоне 0–1 (не проценты)

Конвертирует RGB в компоненты CMYK.

cmykToRgb({c, m, y, k})

• Принимает: { c, m, y, k } — компоненты CMYK в диапазоне 0–1
• Возвращает: { r, g, b } — компоненты RGB, каждый 0–255

Конвертирует CMYK в объект RGB.

RGB ↔ Lab / LCH / Oklab / Oklch

rgbToLab({r, g, b})

• Принимает: { r, g, b } — компоненты RGB, каждый 0–255
• Возвращает: { L, a, b } — CIE Lab (D65) — светлота, ось зелёный↔красный, ось синий↔жёлтый

Конвертирует RGB в CIE Lab через промежуточное пространство XYZ.

labToRgb({L, a, b})

• Принимает: { L, a, b } — координаты CIE Lab
• Возвращает: { r, g, b } — компоненты RGB, каждый 0–255

Конвертирует CIE Lab обратно в объект RGB.

rgbToLch({r, g, b})

• Принимает: { r, g, b } — компоненты RGB, каждый 0–255
• Возвращает: { L, C, H } — светлота, хрома (насыщенность) и угол тона в градусах

Конвертирует RGB в CIE LCH — цилиндрическое представление Lab.

lchToRgb({L, C, H})

• Принимает: { L, C, H } — координаты CIE LCH
• Возвращает: { r, g, b } — компоненты RGB, каждый 0–255

Конвертирует CIE LCH обратно в объект RGB.

rgbToOklab({r, g, b})

• Принимает: { r, g, b } — компоненты RGB, каждый 0–255
• Возвращает: { L, a, b } — Oklab: светлота (≈0–1) и две цветовые оси

Конвертирует RGB в перцептивно равномерное пространство Oklab.

oklabToRgb({L, a, b})

• Принимает: { L, a, b } — координаты Oklab
• Возвращает: { r, g, b } — компоненты RGB, каждый 0–255

Конвертирует Oklab обратно в объект RGB.

rgbToOklch({r, g, b})

• Принимает: { r, g, b } — компоненты RGB, каждый 0–255
• Возвращает: { L, C, H } — светлота, хрома и угол тона в градусах

Конвертирует RGB в Oklch — цилиндрическое представление Oklab.

oklchToRgb({L, C, H})

• Принимает: { L, C, H } — координаты Oklch
• Возвращает: { r, g, b } — компоненты RGB, каждый 0–255

Конвертирует Oklch обратно в объект RGB.

RGB ↔ Display P3

rgbToDisplayP3({r, g, b})

• Принимает: { r, g, b } — компоненты sRGB, каждый 0–255
• Возвращает: { r, g, b } — компоненты в пространстве Display P3, каждый в диапазоне 0–1

Конвертирует sRGB в более широкое цветовое пространство Display P3 (линеаризация → матрица перехода → гамма-коррекция).

displayP3ToRgb({r, g, b})

• Принимает: { r, g, b } — компоненты Display P3, каждый в диапазоне 0–1
• Возвращает: { r, g, b } — компоненты sRGB, каждый 0–255

Конвертирует Display P3 обратно в sRGB.

toDisplayP3Hex(color)

• Принимает: color: string — цвет в любом распознаваемом формате (HEX, rgb(), hsl() и т. д.)
• Возвращает: string — HEX-строка

Конвертирует произвольный цвет через пространство Display P3 и возвращает результат в виде HEX.