UrColorУниверсальная библиотека компонентов выбора цвета

Headless-примитивы с поддержкой доступности для любого цветового пространства — sRGB, HSL, LCH, OKLCH — в любом фреймворке и без зависимостей во время выполнения.

Начать

Компоненты

Hex

Названиерусский

—Нет данных

oklch(0.64773 0.2626 359.9761)lch(55.8283 84.2545 0.892)hsl(328 100% 50%)color(display-p3 0.91749 0.20029 0.52838)

Тон

Насыщенность

Значение

Альфа

Headless-примитивы

Восемь семейств компонентов — область, слайдер, поле, образец, выбор образцов, круг, треугольник, кольцо — без собственных стилей.

Любое цветовое пространство

sRGB, HSL, HSV, Lab, LCH, OKLab, OKLCH, Display P3 и другие — через движок CSS Color 4 без зависимостей.

Доступность

Паттерн WAI-ARIA для выбора цвета: управление с клавиатуры, объявления для скринридеров, управление фокусом.

WebGL-градиенты

Каждый пиксель считается на GPU, поэтому градиенты Lab и OKLCH точны там, где CSS не справляется.

Четыре фреймворка

Одни и те же примитивы в Vue, React, Svelte и Angular поверх общего ядра.

Названия на многих языках

Опциональный @urcolor/i18n: подписи каналов на 77 языках и названия цветов на 298.