Генератор оттенков цвета
Оттенки любого цвета.
Фиксированные токены 50–950: 50 — самый светлый, 950 — самый тёмный, а 500 точно соответствует исходному цвету.
Пропорции интерфейса? Калькулятор соотношения сторон · гармонии: Генератор цветовых палитр · WCAG: Проверка контрастности цветов.
Создать цветовую палитру
Создайте фиксированную перцептивную шкалу дизайн-системы 50–950 или свои шаги светлых/тёмных оттенков, затем скопируйте пользовательские свойства CSS или скачайте JSON.
Вопросы и ответы
Что такое оттенок и тень?
Тон — это более светлый вариант, а оттенок — более тёмный. Инструмент регулирует воспринимаемые светлоту и цветность OKLCH, а не интерполирует кодированные каналы sRGB.
Как скопировать цвет?
Нажмите любой образец, чтобы скопировать его значение HEX. Используйте «Копировать переменные CSS» или «Скачать JSON», чтобы экспортировать всю шкалу.
Чем это полезно?
Создание цветовых палитр и шкал дизайн-системы из одного фирменного цвета — экспортируйте их как пользовательские свойства CSS или токены в стиле Tailwind.
Последнее обновление: