Додайте будь-яку палітру з 5 кольорів у три реальних інтерфейси — панель керування, лендінг, мобільний додаток — і побачите її як реальний продукт. Ролі призначаються автоматично: основний, акцентний, поверхневий та текстовий кольори знаходять своє місце.
Редагувати палітру (натисніть на зразок для заміни)
П’ять кольорів, доданих до трьох реальних інтерфейсів, з автоматично призначеними ролями.
Натисніть «Візуалізувати» на будь-якій палітрі спільноти або на дошці палітр, щоб завантажити її, або редагуйте п’ять значень HEX вручну.
Движок призначає основний, другорядний, акцентний, поверхневий та текстовий кольори за світлістю та насиченістю — подивіться, де кожен з них відображається в кожному макеті.
Перемикайтеся між інформаційною панеллю, головною сторінкою та мобільним додатком у реальному часі; натисніть на будь-який зразок, щоб замінити колір на місці.
Чотири запитання, які насправді ставлять люди про попередній перегляд палітр.
Продовжуйте далі та використовуйте кольори на практиці.
Пробіл для випадкового вибору, блокування, перетягування для впорядкування, спільне використання за URL — все, що має робити панель палітр.
Перетворіть будь-який колір на шкалу системи дизайну з 11 кроками, перцептивно рівномірну в OKLCH, з контрастом WCAG на кожному кроці, експортуйте в Tailwind/CSS/SCSS/JSON.
Перевірка контрасту за WCAG 2.1 між будь-яким кольором переднього плану та фону.
Опишіть сцену або настрій одним реченням — отримайте палітру з п'ятьма ролями з обґрунтуванням.