Инструменты для дизайна цвета и бренда

Извлекайте палитры из изображений, проверяйте контрастность WCAG, конвертируйте цветовые пространства и генерируйте тени CSS.

Открыть Color & Brand Studio

Color Brand Studio обеспечивает согласованность действий дизайнеров и разработчиков интерфейса: извлекайте цвета бренда из логотипов, проверяйте контрастность доступности и экспортируйте фрагменты CSS для теней и градиентов.

Ключевые термины

Палитра из загрузки
Контраст WCAG AA/AAA
Преобразование HEX/RGB/HSL
Генерация CSS Box-shadow
Предварительные настройки градиента

Как это работает

Загрузите изображение или логотип бренда
Извлечь доминирующую палитру
Проверьте контрастные пары
Копирование переменных CSS

Руководства по инструментам

Связанные коллекции

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

Соответствие WCAG гарантировано?

Средство проверки контраста следует формулам WCAG — по-прежнему рекомендуется проверять проект вручную.

Просмотреть все инструменты