Конвертер цветов
Преобразуйте HEX, RGB и HSL с прозрачностью, смотрите образец цвета и копируйте готовые значения CSS.
Генератор цветовых палитр
Создавайте комплементарные, аналоговые, триадные и монохромные палитры с экспортом HEX, CSS и JSON.
Нажмите на цвет, чтобы скопировать HEX. Для текста выбирается чёрный или белый с лучшим контрастом WCAG. Цвета палитры непрозрачные.
Об инструменте
Расширьте набор цветов интерфейса и перенесите выбранную палитру в стили.
Как пользоваться
Введите HEX, RGB или HSL либо выберите цвет в палитре браузера. Выберите гармонию и нажмите образец для копирования HEX. Всю палитру можно выгрузить как переменные CSS или массив JSON.
Гармонии меняют тон или светлоту HSL; цвета непрозрачны. Подписи используют чёрный или белый с большим контрастом WCAG. Это не гарантирует доступность всех сочетаний: проверьте реальные пары текста и фона отдельно.
Частые вопросы
Гарантирован ли доступный контраст всех пар?
Нет. Каждая карточка показывает контраст своего фона с выбранным чёрным или белым текстом. Проверяйте реальные пары переднего плана и фона отдельно.
Почему разные цветовые гармонии дают одинаковые оттенки серого?
У серого цвета нулевая насыщенность, поэтому поворот тона не создаёт видимых цветовых различий. Для комплементарной, аналоговой или триадной схемы выберите более насыщенную основу. Монохромный режим меняет светлоту и может дать полезные градации серого. Экспортируемые цвета непрозрачны.
Связанные инструменты
Откроется в новой вкладке
Комментарии
0