Генератор случайной палитры цветов
Хармоничная палитра гораздо полезнее пяти случайных цветов, расположенных рядом друг с другом. Этот инструмент выбирает основной цвет и генерирует четыре соседние цвета на основе классических принципов цветовой теории — аналогичных, комплементарных, разделённо-комплементарных, триадных или тетрадных. Вы можете закрепить любой желаемый образец и переформировать остальные.
Как создать палитру
-
1
Выберите тип гармонии
Аналогичные (соседние элементы на колесе), комплементарные (противоположные), триадические (расположенные с интервалом 120°), тетрадические (в форме прямоугольника) или монохроматические (тени одного цвета).
-
2
Нарежьте основание в виде ролика.
Первый образец представляет собой случайный цвет с средним уровнем насыщенности и светлости — это отправная точка.
-
3
Братья и сестры рассчитываются
Остальные образцы получены из базового образца с использованием выбранной гармонии, после чего их контраст корректируется.
-
4
Закрыть и повторно запустить процесс.
Сохраните те образцы, которые вам нравятся; остальные переролируйте до тех пор, пока палитра не станет идеально работать с ними.
Краткая информация о cheat-приложениях для игры Harmony
| Схема | Оттенки цвета на колесике | Настроение |
|---|---|---|
| Монократный цвет | 0° (один и тот же оттенок, различается насыщенность/светлость) | Спокойный, минималистичный |
| Аналогичный | ±30° | Тёплый, естественный |
| Комплементарный | 180° | Высокий контраст, яркий оттенок |
| Сплит-комплементарный | 150 / 210 градусов | Контраст без напряжения |
| Триадный формат | 0°, 120°, 240° | Яркий, сбалансированный |
| Тетрадиц | 0°, 90°, 180°, 270° | Насыщенный цветовой оттенок; трудно сбалансировать |
Практические советы
– Один доминирующий цвет, два вспомогательных и два акцентных. Хорошие палитры пользовательского интерфейса соответствуют соотношению 60/30/10: две трети экрана отводятся доминирующему цвету, одна треть — вспомогательным цветам, а небольшая часть — акцентным цветам. – Проверьте контраст между каждой парой элементов. Палитра, выглядящая гармонично, может содержать комбинации текста и фона, которые невозможно читать. Тестируйте каждую пару элементов перед их использованием. – Закрепите выбор, не используйте среднее значение. Если два образца выглядят несоответственно, выберите те, которые вам нравятся, и повторно выполните исполнение — не идите на компромисс, используя среднее значение. Мозг воспринимает гармонию, а не средние значения.
Инструменты профессиональной деятельности
На протяжении многих лет дизайнеры предпочитали различные цветовые системы для колес. Цветовая система RYB (красный, жёлтый, синий) является стандартом в учебной среде. Система HSL на компьютерах представляет собой упрощённую абстракцию; система OKLCH считается современным эталоном перцептивной однородности и стоит изучить для тех, кто работает с доступными цветовыми системами.
Часто задаваемые вопросы
Поскольку фиксированная насыщенность и уровень светлоты создают визуально схожие образцы независимо от цветового тона, изменяйте светотон между элементами палитры — один бледный, один средний, один тёмный — и палитра сразу становится гораздо более полезной.
Аналогичные и монохроматические решения выглядят гармоничными почти случайно. Триадные и тетрадные композиции демонстрируют уверенность в дизайне, однако при слабом исполнении могут легко казаться хаотичными.
Да — скопируйте шестнадцатеричные коды в виде списка с запятой, блока пользовательских свойств CSS или массива JSON. Выберите формат, поддерживаемый вашим инструментом для дизайна.
Для каждой пробки показан контраст между белым и чёрным цветами, чтобы вы сразу видели, какие варианты подходят для текста. Проверка парного контраста в соответствии с WCAG является вашей обязанностью перед отправкой продукта.
Сопутствующие инструменты
Генератор цветовой палитры
Создайте гармоничную цветовую палитру из 4–8 цветов из базового цвета, используя дополнительные, аналогичные, триадные и расщепленно-дополняющие схемы.
Генератор случайных чисел
Сгенерируйте случайный цвет в формате RGB, увидите его шестигранную форму, значения HSL и RGB и скопируйте любой формат одним кликом.
Генератор случайных символов
Генерируйте случайные символы из английского алфавита. Выберите формат букв (большие и малые), указайте количество повторяющихся или уникальных символов и определите их общее число.
Инструмент выбора цветов HEX
Выберите любую цветовую палитру визуально и получите её значения в форматах HEX, RGB, HSL, HSV и CMYK, а также контраст доступности по сравнению с белым и чёрным цветами.
Формат JSON
Форматирует и красиво отображает JSON-данные с регулируемым отступом, упорядоченными ключами и встроенной проверкой, которая выявляет ошибки именно в нужных местах.
Генератор случайных имен
Сгенерируйте правдоподобные имена на английском языке из популярных списков имен и фамилий. Выберите пол, количество и формат.