Генератор цветовой палитры
Создавайте гармоничные цветовые схемы, создавайте градиенты и смешивайте цвета
Миксер цветов
Смешайте два цвета для создания новых цветов
Как использовать
Генератор цветовой палитры помогает дизайнерам и разработчикам создавать гармоничные цветовые схемы.
Функции
- Смешивание цветов - Смешивайте два цвета в пропорции
- Создание градиентов - Создавайте линейные, радиальные, конические градиенты
- Цветовые схемы - Автоматическая генерация на основе теории
- Мульти-форматный экспорт - CSS/SCSS/JSON/Tailwind
Теория цвета
Понимание различных цветовых схем:
Варианты использования
Советы по дизайну
- Правило 60-30-10: Основной 60%, вторичный 30%, акцент 10%
- Обеспечьте достаточный контраст для читаемости
- Учитывайте дальтоников, не полагайтесь только на цвет
- Поддерживайте согласованность в цветовой схеме
Частые вопросы
Что делает цветовую палитру удачной для сайта или приложения?
Хорошая палитра обычно следует правилу 60-30-10: 60 % доминирующий цвет (фоны и большие поверхности), 30 % вторичный цвет (боковые панели, карточки, заголовки) и 10 % акцентный цвет (кнопки, ссылки, призывы). Ограничьте основные цвета 2–4 оттенками для визуальной цельности. Обязательно проверяйте контраст текста и фона для читаемости.
Чем отличаются дополнительные, аналогичные и триадные цветовые схемы?
Это три классических гармонических связи на цветовом круге. Дополнительные цвета расположены напротив (например, синий и оранжевый), создают сильный контраст. Аналогичные цвета соседние (например, синий, сине-зелёный, зелёный), создают мягкую и натуральную композицию. Триадная схема равномерно распределяет три цвета вокруг круга — сбалансированно и выразительно.
Как извлечь цветовую палитру из изображения?
Инструменты для работы с палитрами анализируют пиксели изображения и группируют схожие цвета с помощью алгоритмов k-means или median cut, чтобы выделить господствующие цвета. Загрузите изображение, выберите количество цветов и экспортируйте hex-коды напрямую в CSS или дизайн-инструмент.
Чем отличаются цветовые модели RGB и HSL?
RGB (красный, зелёный, синий) определяет цвет как смесь трёх световых каналов от 0 до 255, что соответствует работе экрана. HSL (цветовой тон, насыщенность, светлота) — более интуитивная модель: цветовой тон 0–360°, насыщенность регулирует яркость, светлота идёт от чёрного до белого. С HSL легко создавать светлые и тёмные оттенки любого базового цвета.
Почему печатные цвета выглядят иначе, чем на экране?
Экраны используют аддитивное смешивание (RGB): сочетание красного, зелёного и синего света даёт белый. Принтеры используют субтрактивное смешивание (CMYK): чернила поглощают свет. Цветовой охват печати уже, чем у мониторов, поэтому яркие и насыщенные цвета выглядят тусклее на бумаге. Перед печатью всегда проверяйте CMYK-предпросмотр.
Связанные инструменты
Выбор и конвертер цвета
Преобразование цветов между форматами HEX, RGB, HSL, CMYK, YCbCr, Lab, генерация цветовых палитр и проверка контраста WCAG
CSS Минификатор и Украшатель
Сжатие или украшение CSS кода, удаление пробелов и комментариев для оптимизации размера файла или форматирование кода для удобочитаемости
Конвертер изображений в Base64
Преобразование изображений в кодировку Base64 с поддержкой форматов PNG, JPG, GIF, SVG, WebP, генерация Data URI и CSS фонов
Base64 Кодировщик/Декодер
Быстрое кодирование и декодирование Base64 строк с поддержкой текста и файлов
QR-код Генератор
Генерация пользовательских QR-кодов для текста, URL, WiFi, vCard, email, SMS и многого другого
JSON Форматтер
Форматирование и валидация JSON данных для улучшения читаемости и отладки