Цветовое колесо (Гармонии)
Выберите цвет на колесе и откройте его гармоничные комбинации: дополнительные, аналогичные, триадические и многое другое.
Как использовать цветовое колесо
Выберите цвет на колесе
Щёлкните или перетащите цвет на цветовом круге, чтобы выбрать базовый цвет.
Выберите тип гармонии
Выберите между дополнительными, аналогичными, триадными, тетрадными или монохромными цветами.
Скопируйте полученные цвета
Вы увидите гармоничные цвета, отмеченные на круге и в списке с их HEX-кодом для копирования.
Часто задаваемые вопросы о цветовом круге
Цветовой круг — классический инструмент теории цвета для поиска гармоничных комбинаций. Используйте его интерактивно и получайте точный код HEX для каждой комбинации.
Что такое цветовая гармония?
+
Это комбинация цветов, которая выглядит визуально приятно благодаря своему положению на цветовом круге, например дополнительные (противоположные) или аналогичные (соседние) цвета.
Какие типы гармонии я могу видеть?
+
Дополнительный, аналогичный, триадный, разделённый дополнительный, тетрадный и монохроматический.
Как выбрать основной цвет?
+
Нажмите или перетащите цвет на цветовом круге; вы также можете напрямую ввести HEX-код.
Могу ли я копировать полученные цвета?
+
Да, нажмите на любой цвет из списка, чтобы скопировать его HEX-код.
Это бесплатно?
+
Да, этот инструмент полностью бесплатен.
Загружается ли мой выбор на какой-либо сервер?
+
Нет, все вычисления происходят непосредственно в вашем браузере.
Цвета
Конвертер цветов (HEX, RGB, HSL, CMYK)
Мгновенно конвертируйте любой цвет между HEX, RGB, HSL и CMYK с живым предпросмотром и ближайшим названием цвета.
Генератор палитр цветов
Создавайте гармоничные палитры из 5 цветов (дополнительные, аналогичные, триадные или монохроматические) на основе выбранного цвета.
Генератор CSS градиентов
Создавайте линейные или радиальные градиенты до 4 цветов и копируйте готовый CSS код.
Проверка контрастности WCAG
Проверьте, соответствует ли комбинация цветов текста и фона уровням доступности AA и AAA.
Случайный цвет
Генерируйте случайный цвет одним кликом и узнайте его название, код HEX/RGB/HSL и похожие цвета.
Палитра цветов (пипетка)
Выбирайте любой цвет с экрана с помощью пипетки браузера или используйте классический селектор.
Симулятор дальтонизма
Загрузите изображение и посмотрите, как его видят люди с протанопией, дейтеранопией или тританопией.
Генератор Mesh-градиентов
Создавайте фоны с mesh-градиентами (размытые цветовые пятна) и скачивайте их в PNG или копируйте CSS-код.
Генератор оттенков и теней
Автоматически создавайте более светлые оттенки и темные тени любого цвета с кодом HEX.
Микшер цветов
Смешивай два цвета и открывай промежуточные оттенки пошагово с их HEX-кодами.
Экстрактор палитры из изображения
Загрузите изображение и автоматически извлеките его доминирующие цвета в палитру с HEX-кодом каждого.
Средний Цвет Изображения
Загрузите изображение и мгновенно рассчитайте его средний цвет с кодами HEX, RGB и HSL.
Изучите цвета по семействам
Более 469 именованных цветов с кодами HEX, RGB, HSL и CMYK, организованные в 12 семейств оттенков.
