Интерактивный цветовой круг
Выберите базовый цвет и получите комплементарную, аналоговую, триадную, тетрадную и сплит-комплементарную схемы.
Базовый цвет
#FF3D72
Комплементарная
Аналоговая
Триада
Тетрада
Раздельно-комплементарная
Как пользоваться: Цветовой круг
- 1
Введите цвет
Впишите код цвета или выберите его пипеткой — каждое поле принимает свой формат.
- 2
Получите результат
Значение пересчитывается мгновенно, по мере ввода, вместе с превью цвета.
- 3
Скопируйте код
Скопируйте нужное значение в один клик и вставьте в дизайн, CSS или настройки печати.
Что такое цветовой круг
Цветовой круг помогает строить гармоничные палитры. Оттенки расположены по кругу, поэтому связи между цветами описываются углами: комплементарный цвет находится напротив, на 180°, аналоговые — соседи на расстоянии 30°, триадная схема использует три оттенка через 120°, тетрадная — четыре оттенка через 90°, а сплит-комплементарная сочетает цвет с двумя оттенками по обе стороны от его дополнительного.
Выберите базовый цвет в окне выбора или введите его HEX-код — все пять схем обновятся мгновенно. Инструмент поворачивает только тон и сохраняет насыщенность и светлоту базового цвета, поэтому все образцы одинаково интенсивны. Нажмите на образец, чтобы скопировать его HEX-код, или наведите на него курсор, чтобы увидеть значение RGB. Для спокойного дизайна используйте один цвет как основной, а остальные — как акценты.
Всё работает локально в вашем браузере — изображения никуда не загружаются.