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