Приятные цвета
Готовые наборы и генератор гармоничных цветов. Клик по цвету копирует HEX и RGB.
Готовые наборы
Частые вопросы
Приятные цвета цветов — готовые наборы и генератор гармоний Приятные цвета — это коллекция выверенных цветовых сочетаний и генератор гармоничных палитр для дизайна интерфейсов, сайтов, презентаций, упаковки и иллюстраций. Кликните по цвету — HEX и RGB скопируются в буфер обмена. Всё работает в браузере, без регистрации и без загрузки данных на сервер.
Зачем нужны готовые палитры
Подобрать цвета «на глаз» сложно: даже опытные дизайнеры тратят часы на согласование оттенков, проверку контраста и подбор акцента. Готовая палитра экономит время и сразу задаёт визуальный тон проекту. В каждой палитре на этом сайте пять цветов, выстроенных по ролям: тёмный «Ink» для текста и фона, средний базовый оттенок, яркий акцент, мягкий промежуточный и светлый «Linen» для фонов и карточек. Такой набор закрывает почти все задачи интерфейса — от шапки и кнопок до второстепенных подписей.
Восемь готовых палитр
На странице собраны восемь наборов, проверенных на практике. Calm Ocean — синие и голубые оттенки для спокойных, доверительных интерфейсов: банков, SaaS, образовательных сервисов. Warm Sand — тёплая песочная гамма для лендингов, ремесленных проектов и упаковки. Soft Pastel — нежные пастельные цвета для карточек, мобильных приложений и лёгких креативных лендингов. Forest Moss — зелёные и оливковые оттенки для экологии, здоровья и устойчивого развития. Berry Cream — ягодно-кремовый акцент для десертов, косметики и упаковки. Midnight — тёмная технологичная гамма для дашбордов и продуктов в тёмной теме. Lavender Sky — лавандовая палитра для творческих и образовательных сервисов. Desert Clay — терракотовая гамма для керамики, ремесла и тёплого минимализма.
Каждая палитра снабжена подписями ролей (Ink, Deep, Accent, Mist, Foam и т. п.), так что сразу понятно, какой цвет куда ставить.
Генератор гармоничных палитр
Если готовых наборов недостаточно, нажмите «Сгенерировать палитру» — сайт построит новую схему по классическим правилам цветовой гармонии: аналогичная (оттенки рядом на круге), комплементарная (противоположные), триада (три равноудалённых) и тетрада (четыре равномерно распределённых). Из случайного базового оттенка по углам сдвига и разной светлоте получается пять цветов, которые не конфликтуют между собой. Кнопка «Случайная схема» выбирает новую гармонию одним нажатием, а «Копировать все» выгружает сразу все палитры и сгенерированную схему в виде списка #HEX — удобно вставить в Figma, CSS или заметки.
Копирование одним кликом
Любой образец цвета копирует #HEX · rgb(r, g, b) в буфер обмена. На карточке на мгновение появляется подпись «Скопировано», а цвет текста внутри образца автоматически подбирается по относительной яркости, чтобы подпись читалась на любом фоне.
Что делать с цветами из палитры?
Клик по образцу копирует HEX. Используйте цвета как основу: один тёмный для фона, один светлый для текста, 1–2 акцентных для кнопок и ссылок.
Как работают гармонии в генераторе?
Используются классические схемы: аналогичная, комплементарная, триада и тетрада. Из базового оттенка и углов сдвига получается 5 цветов палитры.
Можно ли использовать эти палитры в проектах?
Да, цвета не защищены авторским правом. Можно брать их как есть или адаптировать под свой проект.