Дизайн

Генератор цветовой палитры

Создавайте пятицветные палитры с шестью гармониями, контролем восприятия цвета и проверкой контраста текста.

OKLCH
Цветовой круг

Перетаскивайте указатель по кругу или перемещайте ползунок оттенка. Светлота и цветность регулируются независимо.

Как строится палитра

Аналогичные цвета используют соседние углы цветового тона, дополнительные цвета — противоположные. Раздельно-комплементарные схемы, триады и тетрады распределяют оттенки по цветовому кругу. Монохромные палитры меняют светлоту одного оттенка. Это отправные точки для дизайна, а не научная гарантия красоты.

OKLCH разделяет воспринимаемую светлоту, цветность и цветовой тон. Цвета за пределами sRGB приводятся к допустимому диапазону уменьшением цветности при сохранении светлоты и тона. У нейтральных цветов видимый тон выражен слабо или отсутствует. Метки контраста относятся только к предлагаемому чёрному или белому тексту на каждом образце; таблица проверяет пары цветов отдельно.

Methods: Björn Ottosson, Oklab (2020), W3C CSS Цвет 4, и Контраст WCAG 2.2. Ни одна палитра сама по себе не обеспечивает полной доступности.

Нужно совпадение типа? Преобразуйте ваши шрифты.

Как пользоваться инструментом «Генератор цветовой палитры»

  1. Введите шестизначный цвет HEX или используйте выбор цвета.
  2. Выберите базовый цвет HEX и цветовую гармонию, затем настройте цветовой тон, светлоту или цветность.
  3. Сгенерируйте свою палитру, проверьте контраст и скачайте CSS, JSON или SVG.

Обрабатывайте несколько файлов

Используйте рабочий процесс. применить те же настройки к каждому файлу.

Форматы и требования

Форматы ввода
обычный текст
Выходные данные
JSON, CSS или SVG
Доступность
Бесплатно в вашем браузере и через CLI
Файлы за операцию
1
Лимит файлов в браузере
128 байт за файл, 1 MiB всего

Чего ожидать

Палитры OKLCH из пяти цветов с уменьшением цветности для соответствия пространству sRGB и расчётом контраста текста по WCAG. Правила гармонии — это дизайнерские эвристики, а не гарантия доступности.

Мои файлы покидают мое устройство?

Нет. Благодаря передовой технологии обработки файлов, ваши файлы обрабатываются прямо на вашем устройстве, в вашем браузере. OneKit не получает ваши исходные файлы или результаты. При первом использовании инструмента могут загрузиться необходимые публичные библиотеки обработки.

Конфиденциальность файлов и локальная обработка →

Установите OneKit

Держите OneKit в отдельном окне приложения с ярлыком на вашем устройстве.