Генератор Цветовых Палитр
Работает локально в браузереСоздавайте закрепляемые гармоничные палитры, тональные шкалы OKLCH и токены дизайна
Поддерживаются HEX с альфа, RGB, HSL, OKLCH и имена CSS.
Цвета Палитры
Цветность уменьшена для отображения в sRGB.
Инспектор и Токены
Просмотр
Цвет 1
- HEX
- #6366F1
- RGB
- rgb(99 102 241)
- HSL
- hsl(238.732 83.529% 66.667%)
- OKLCH
- oklch(58.54% 0.2041 277.117)
Осветления
#767FF5#8B96F8#A1ADFA#B9C2FC#D1D8FD
Затемнения
#5154C6#40439D#303376#202351#12142E
Контраст
Отношения описывают пары цветов, а не сертифицируют страницу. Обычный текст AA 4,5:1, AAA 7:1. Прозрачные цвета накладываются на фон.
| Передний план \ Фон | 1 | 2 | 3 | 4 | 5 |
|---|---|---|---|---|---|
1 #6366F1 | 1.00 Не проходит | 1.18 Не проходит | 1.23 Не проходит | 1.42 Не проходит | 1.49 Не проходит |
2 #3C69C0 | 1.18 Не проходит | 1.00 Не проходит | 1.45 Не проходит | 1.20 Не проходит | 1.76 Не проходит |
3 #8F72EA | 1.23 Не проходит | 1.45 Не проходит | 1.00 Не проходит | 1.74 Не проходит | 1.22 Не проходит |
4 #0063A3 | 1.42 Не проходит | 1.20 Не проходит | 1.74 Не проходит | 1.00 Не проходит | 2.11 Не проходит |
5 #B27FE0 | 1.49 Не проходит | 1.76 Не проходит | 1.22 Не проходит | 2.11 Не проходит | 1.00 Не проходит |
Экспорт
Цветов в Экспорте: 5 (Обычная Палитра)
:root {
--primary-1: #6366F1;
--primary-2: #3C69C0;
--primary-3: #8F72EA;
--primary-4: #0063A3;
--primary-5: #B27FE0;
}Импорт
Вставьте CSS/SCSS, JSON-конфигурацию Tailwind v3, токены JSON, массив или цвета через запятую/перенос строки. 11 тонов должны идти от светлого к тёмному.
Интеграция
Выбор для градиента: 0 / 6
Выберите 2–6 цветов в нужном порядке. Цвета не обрезаются автоматически.
Создание, контраст и экспорт выполняются локально. Цвета не отправляются.
Генератор Цветовых Палитр
Создавайте редактируемые и закрепляемые системы с тонами OKLCH и токенами дизайна.
Параметры
Выберите исходный цвет или случайный режим, отредактируйте и закрепите цвета перед перемешиванием. Гармонии используют перцептивные сдвиги тона; ручные закрепления могут их изменить. Шкала сохраняет обычную палитру и создаёт 50–950. Исходный цвет не обязан совпадать с 500. Просмотрите осветления, затемнения, четыре формата и контраст, затем экспортируйте пять форматов токенов.
Контраст
Альфа сохраняется. Контраст рассчитывается после последовательного наложения фона и текста на непрозрачную подложку; это не сертификация доступности. 11 импортированных тонов должны убывать по светлоте. Цвета остаются локально, сохранение необязательно. Выберите 2–6 цветов для передачи градиенту на текущем языке. Сброс и импорт можно отменить.
