Конвертация цвета: HEX, RGB, HSL
Выберите цвет пипеткой или введите его код в любом формате — остальные пересчитаются автоматически. HEX удобен для CSS и дизайна, RGB — для экранов, HSL — для подбора оттенков (меняя яркость и насыщенность).
Оттенки и цветовые гармонии
Под цветом строится шкала оттенков от светлого к тёмному — готовая мини-палитра для интерфейса. Блок «Гармоничные цвета» показывает сочетания: комплементарный (противоположный по кругу), аналоговые (соседние) и триаду. Клик по любому образцу копирует его код.
Где пригодится
Вёрстка сайтов, презентации, оформление соцсетей, подбор фирменных цветов. Всё работает в браузере, ничего не нужно устанавливать.
Частые вопросы
Как перевести HEX в RGB?
Введите HEX-код в поле — поля RGB и HSL пересчитаются сразу. Работает и в обратную сторону: введите RGB, получите HEX.
Что такое комплементарный цвет?
Это цвет напротив выбранного на цветовом круге (сдвиг на 180°). Такие пары дают максимальный контраст и часто используются в дизайне.
Как скопировать код цвета?
Нажмите на любой образец оттенка или гармонии — его код скопируется в буфер обмена.