Генератор цветовой палитры
Превратите один базовый цвет в полную палитру, используя правила гармонии цветового колеса.
Генератор цветовой палитры
Вставьте базовый цвет в виде шестнадцатеричного кода, rgb() или hsl() и этот инструмент создаст вокруг него полную палитру, используя правила гармонии цветового колеса, а не простое изменение яркости одного оттенка. Выберите дополнительные для одного противоположного цвета, раздвоенную дополнительную или триадную для сбалансированного контраста, четырехцветную для четырехцветного прямоугольника, аналогичную для соседних оттенков, которые естественно сочетаются, или монохроматическую для тонов и оттенков одного оттенка.
Опция гармонии определяет, сколько цветов выходит — дополнительные всегда возвращают два, триадная и раздвоенная дополнительная возвращают три, четырехцветная возвращает четыре — в то время как количество цветов и угол шага оттенка применяются только к аналогичной и монохроматической, где вы выбираете, сколько цветов и как далеко они расположены. Вычисляйте в HSL для классической математики цветового колеса или переключитесь на OKLCH, который сохраняет одинаковую воспринимаемую яркость для всех оттенков, чтобы палитра не выглядела с одним образцом, который выглядит странно темным или смытым рядом с остальными. Ползунки регулировки насыщенности и яркости уточняют всю палитру после построения гармонии, а опция формата цвета выводит каждый результат как шестнадцатеричный, rgb(), hsl() или oklch().
Каждый образец проверяется на WCAG AA (4.5:1) как текст на белом и черном фоне, отмечен галочкой или крестиком рядом с каждым соотношением — полезно для выбора того, какие цвета в созданной палитре безопасны для основного текста и только для украшения. Экспортируйте результат в виде простого списка, блока пользовательских свойств CSS, готового к вставке в таблицу стилей, или объекта цветовой конфигурации Tailwind.
Все работает локально в вашем браузере — цвет, который вы вводите, никогда не загружается никуда. Скопируйте результат, загрузите его как файл .txt или отправьте в вход другого инструмента, чтобы продолжить работу с ним.