Генератор кольорової палітри

Генератор кольорової палітри

Вставте базовий колір як шістнадцятковий код, rgb() або hsl() і цей інструмент створить навколо нього повну палітру, використовуючи правила гармонії колірного колеса, а не просте зміна яскравості одного відтінку. Виберіть додаткові для одного протилежного кольору, розщеплену додаткову або тріадну для збалансованого контрасту, чотирикольорову для чотирикольорового прямокутника, аналогічну для сусідніх відтінків, які природно поєднуються, або монохроматичну для тонів та відтінків одного відтінку.

Опція гармонії визначає, скільки кольорів видається — додаткові завжди повертають два, тріадна та розщеплена додаткова повертають три, чотирикольорова повертає чотири — тоді як кількість кольорів та кут кроку відтінку застосовуються лише до аналогічної та монохроматичної, де ви вибираєте, скільки кольорів та як далеко вони розташовані. Обчислюйте в HSL для класичної математики колірного колеса або перейдіть на OKLCH, який зберігає однакову сприйняту яскравість для всіх відтінків, щоб палітра не виглядала з одним зразком, який виглядає дивно темним або розбавленим поряд з іншими. Повзунки регулювання насичення та яскравості уточнюють всю палітру після побудови гармонії, а опція формату кольору видає кожен результат як шістнадцятковий, rgb(), hsl() або oklch().

Кожен зразок перевіряється на WCAG AA (4.5:1) як текст на білому та чорному фоні, позначений прапорцем або хрестиком поряд з кожним співвідношенням — корисно для вибору того, які кольори в створеній палітрі безпечні для основного тексту та тільки для прикрас. Експортуйте результат як простий список, блок користувацьких властивостей CSS, готовий до вставлення в таблицю стилів, або об'єкт кольорової конфігурації Tailwind.

Все працює локально у вашому браузері — колір, який ви вводите, ніколи не завантажується ніде. Скопіюйте результат, завантажте його як файл .txt або відправте на введення іншого інструменту, щоб продовжити роботу з ним.

FAQ