Интерактивное цветовое колесо — найдите подходящие цветовые гармонии

Цветовой круг располагает оттенки по кругу в спектральном порядке — от красного через жёлтый, зелёный, синий и снова к красному. Гармонично сочетающиеся цвета занимают на нём предсказуемые геометрические позиции. На этой странице перетащите точку в любое место круга (или введите hex-код), чтобы задать базовый цвет, — и все шесть классических цветовых гармоний рассчитываются мгновенно, с hex-кодами, которые можно скопировать.

Комплементарные цвета располагаются точно друг напротив друга — синий и оранжевый, красный и зелёный, жёлтый и фиолетовый. Поскольку по оттенку они максимально далеки друг от друга, вместе они создают наибольший контраст и яркость. Дизайнеры обычно делают один цвет доминирующим, а его пару используют экономно — для акцентов и призывов к действию.

Триадная схема использует три цвета, расположенных через 120 градусов друг от друга, — это даёт яркое, но сбалансированное трио. Тетрадная схема (прямоугольник) использует четыре цвета в виде двух комплементарных пар с шагом в 60 градусов — вариантов больше всего, но сбалансировать сложнее всего. Квадратная схема тоже использует четыре цвета, но располагает их равномерно через 90 градусов, что более ровно распределяет тёплые и холодные оттенки.

Начните с цвета, который у вас уже есть, — введите его HEX-код в цветовое колесо. Для безопасного, профессионального вида используйте аналоговую схему; для смелого, контрастного — комплементарную или расщеплённую комплементарную. К каждой схеме на этой странице прилагается небольшой пример интерфейса, чтобы вы могли оценить сочетание в реальной вёрстке перед тем, как его утвердить.

Да. Круг управляет оттенком (движение по окружности) и насыщенностью (расстояние от центра), а отдельный ползунок регулирует яркость. Гармонии сохраняют выбранную вами насыщенность и яркость, вращая только оттенок, поэтому мягкая пастельная основа даёт мягкие пастельные гармонии, а насыщенная основа — насыщенные.

Почти всегда одно из трех. Размер файла превышает лимит бесплатной загрузки в 20 МБ — Premium занимает 50 МБ, а Pro — 120 МБ. Этот инструмент не поддерживает этот формат, поэтому проверьте список, показанный на панели загрузки. Или файл на самом деле не соответствует формату, указанному в названии: переименование файла не меняет того, что находится внутри него, и это причина, по которой файл, выглядящий как действительный, не принимается.

Да — там, где есть контроль силы или интенсивности, значение по умолчанию намеренно очевидно, чтобы вы могли видеть, что делает инструмент. Большинство фотографий лучше читаются под ним. Уменьшите интенсивность до тех пор, пока эффект не станет похож на решение, а не на фильтр, и сравните его с оригиналом перед загрузкой.

Color Wheel shows its result on the page. Standard use does not require signup; this workflow does not offer a file download. Published processing allowances and file limits still apply.

Нет — Color Wheel работает в браузере на компьютере и телефоне. Ничего не нужно устанавливать, не нужно начинать пробную версию и не нужно покупать лицензию, чтобы увидеть, выполняет ли программа то, что вам нужно. Попробуйте использовать её на файле, с которым вы действительно застряли, а не на образце.