Генератор цветовых палитр

Создавайте профессиональные цветовые схемы мгновенно

Создавайте красивые цветовые палитры на основе принципов теории цвета. Генерируйте профессиональные цветовые схемы в форматах HEX, RGB, HSL с тестированием доступности и симуляцией дальтонизма - идеально для дизайнеров и разработчиков

Как использовать генератор цветовых палитр
1

Выберите базовый цвет с помощью палитры цветов или введите HEX код

2

Выберите тип палитры: монохроматическая, аналогичная, комплементарная, триадическая или тетрадическая

3

Нажмите 'Создать палитру' для создания цветовой схемы на основе принципов теории цвета

4

Попробуйте 'Случайный цвет' для открытия новых базовых цветов для творческих проектов

5

Переключайтесь между форматами HEX, RGB или HSL по мере необходимости

6

Тестируйте доступность с помощью симуляции дальтонизма, чтобы убедиться, что ваша палитра работает для всех

7

Кликните по любому цвету для копирования его кода в буфер обмена

8

Экспортируйте вашу палитру как CSS переменные или JSON для использования в проектах разработки

Ключевые функции
Пять профессиональных типов палитр на основе теории цвета: монохроматическая, аналогичная, комплементарная, триадическая и тетрадическая
Полная поддержка цветовых форматов с HEX, RGB и HSL для универсальных рабочих процессов
Встроенная симуляция дальтонизма для тестирования доступности
Копирование цветовых кодов в буфер обмена одним кликом
Автоматический расчет яркости для анализа контраста, совместимого с WCAG
Функциональность экспорта для CSS переменных и формата JSON
Генерация случайных цветов для творческого вдохновения
Полностью адаптивный дизайн, оптимизированный для всех устройств

Часто задаваемые вопросы (FAQ)

Монохроматическая использует вариации одного оттенка, аналогичная использует соседние цвета на цветовом круге, комплементарная использует противоположные цвета, триадическая использует три равноудаленных цвета, а тетрадическая использует четыре цвета, образующих прямоугольник на цветовом круге.
Инструмент симулирует три типа цветовой слепоты: протанопия (красная слепота), дейтеранопия (зеленая слепота) и тританопия (синяя слепота). Это помогает обеспечить доступность вашей палитры для пользователей с различиями в цветовом зрении.
Яркость измеряет воспринимаемую светлоту цвета (0-100%). Это критически важно для определения соотношений контраста текст-фон для соответствия стандартам доступности, таким как рекомендации WCAG.
Скопируйте экспортированные CSS переменные в селектор :root вашей таблицы стилей. Затем вы можете использовать их во всем CSS как 'color: var(--color-1)' для последовательного оформления.
В настоящее время вы можете вводить цвета только в формате HEX (#RRGGBB), но инструмент отображает цвета в форматах HEX, RGB и HSL. Вы можете копировать цвета в любом из этих форматов.
HEX использует шестнадцатеричную нотацию (#FF0000), RGB использует значения красный-зеленый-синий (0-255), а HSL использует оттенок (0-360°), насыщенность (0-100%) и яркость (0-100%). Каждый формат служит разным целям дизайна и разработки.