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