Создавай цветовые палитры за пару секунд

Это набор цветов, подобранных для совместного использования в дизайне. Обычно в неё входят основной цвет, его более светлые и тёмные версии и один-два акцентных цвета. Палитры используют в логотипах, брендинге, соцсетях, на сайтах, в интерфейсах и в иллюстрации.

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

Сначала определись, что хочешь сказать. Тёплые оттенки воспринимаются дружелюбно и энергично, холодные — спокойно и надёжно, а тёмные — элегантно. Используй всего несколько цветов, держи достаточный контраст, чтобы текст хорошо читался, и прежде чем решиться, опробуй палитру в реальном дизайне.

Цвета сочетаются, когда их объединяет гармония: они соседствуют на цветовом круге (аналогичные), лежат напротив друг друга (комплементарные) или являются оттенками одного цвета (монохромные). Каждая палитра на этом сайте следует этим правилам. Примеры ты найдёшь в сочетающихся цветовых палитрах.

У каждой палитры есть HEX-коды, а ещё можно скопировать готовый CSS-код. Проверь и контраст между текстом и фоном, чтобы сайт хорошо читался, или получи палитру из фото. Больше идей — в разделе цвета для сайта.

Он располагает основные, вторичные и третичные цвета по кругу. Показывает, какие цвета сочетаются, а какие контрастируют, и поэтому служит отправной точкой при создании палитр. Попробуй его в инструменте гармония цветов.

Основные цвета — красный, синий и жёлтый: их нельзя получить смешиванием других цветов. Вторичные цвета получаются смешиванием двух основных: синий и красный дают фиолетовый, синий и жёлтый — зелёный, а красный и жёлтый — оранжевый. Смешав основной и вторичный цвет, ты получишь третичные цвета.

Монохромная палитра использует один-единственный оттенок в более светлых и тёмных версиях. Она выглядит цельно и элегантно. Комплементарные цвета лежат на цветовом круге напротив друг друга, например синий и оранжевый. Вместе они создают максимальный контраст и подчёркивают друг друга.

Да. HEX- или CSS-коды можно копировать и использовать в любом проекте, как личном, так и коммерческом.