УтилітиГенератор

Генератор палітр для вебдизайну

Створюйте гармонійну систему кольорів за ролями та одразу перевіряйте її в інтерфейсі.

Відкрити генератор

Інтерактивна студія кольору

Перетворіть один колір на практичну вебпалітру

Оберіть гармонію, тип проєкту й кількість кольорів. Налаштовуйте, фіксуйте, перевіряйте та копіюйте готову систему.

Фон
Поверхня
Текст
Основний
Акцент
Межа
Studio
Нова колекція

Цілісна система, а не просто схожі відтінки.

Переглянути палітру
Для практичного використання

Подивіться, як разом працюють фон, текст, кнопки, поверхні та межі.

Порада: зафіксуйте потрібний колір перед зміною схеми або генерацією нового базового кольору.

Як будується палітра

Гармонія задає напрям. Ролі роблять палітру практичною.

Генератор використовує усталені співвідношення колірного кола, а потім призначає кольорам ролі інтерфейсу. Це стартова система, яку варто перевірити у вашому продукті.

Колірна гармонія

Монохромна, аналогова, комплементарна, розділено-комплементарна, тріадна й тетрадна схеми визначають співвідношення тонів. Світлота та насиченість адаптуються до теми й типу проєкту.

Функціональні ролі

Фон, поверхня, текст, основний колір, акцент і межа показують призначення кольору. Будь-яке значення можна змінити, не втрачаючи його ролі.

Контраст — це співвідношення пари кольорів

Панель аналізує фактичні пари тексту й фону з живого перегляду. WCAG 2.2 визначає мінімум 4.5:1 для звичайного тексту та 3:1 для великого тексту на рівні AA.

Переглянути вимоги WCAG 2.2 до контрасту

Точність і довіра

Створений, щоб бути корисним. Призначений для перевірки.

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

Знайшли щось не так? Розкажіть нам, щоб ми могли переглянути та покращити його.

Переглянути методику

Точність і довіра

Повідомити про проблему

Опишіть, що потребує уваги. Повідомлення буде надіслано команді CoreBase.

Повідомлення безпечно надсилається на core@corebase.tools. Електронну пошту використаємо лише для відповіді щодо цього повідомлення.