Створено 07/17/2025 08:40
Low-Code UI Builder for Automation Apps
- Widget Blue#4d96ff
- Drag Cream#fffdf7
- Logic Box Gray#b0bec5
- Trigger Coral#f88379
- Action Highlight Green#00c49a
- Preview Surface White#fcfcfc
Палітра містить світлий кольори. Акцентні кольори Widget Blue #4d96ff та Drag Cream #fffdf7. Палітра має температуру кольорів Холодний, Нейтральний, Теплий.
За світлістю палітра сягає від #00C49A (найтемніший) до #FCFCFC (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #00C49A, #4D96FF, #B0BEC5, #F88379, #FCFCFC, #FFFDF7
Палітра Low-Code UI Builder for Automation Apps містить комбінацію з 6 кодів кольорів :
HEX: #4d96ff, RGB: (77, 150, 255); HEX: #fffdf7, RGB: (255, 253, 247); HEX: #b0bec5, RGB: (176, 190, 197)
HEX: #f88379, RGB: (248, 131, 121); HEX: #00c49a, RGB: (0, 196, 154); HEX: #fcfcfc, RGB: (252, 252, 252)
Спрощений варіант палітри кольорів
Відтінок cornflowerblue, Відтінок floralwhite, Відтінок Срібний, Відтінок salmon, Відтінок mediumaquamarine, Відтінок Білий
Кольорова схема створена автором colorday
Коди кольорів у палітрі
Low-Code UI Builder for Automation Apps коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #4d96ff | #4d96ff | RGB(77, 150, 255) | Widget Blue | — |
| #fffdf7 | #fffdf7 | RGB(255, 253, 247) | Drag Cream | — |
| #b0bec5 | #b0bec5 | RGB(176, 190, 197) | Logic Box Gray | Ocean Drive |
| #f88379 | #f88379 | RGB(248, 131, 121) | Trigger Coral | Coral Pink |
| #00c49a | #00c49a | RGB(0, 196, 154) | Action Highlight Green | — |
| #fcfcfc | #fcfcfc | RGB(252, 252, 252) | Preview Surface White | Gray99 |
Контраст палітри кольорів
9 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#4d96ff | #b0bec5 | 1.54 |
#4d96ff | #f88379 | 1.19 |
#4d96ff | #00c49a | 1.31 |
#fffdf7 | #b0bec5 | 1.87 |
#fffdf7 | #fcfcfc | 1 |
#b0bec5 | #f88379 | 1.29 |
Зображення палітри Low-Code UI Builder for Automation Apps png
Експортувати палітру
Завантажте "Low-Code UI Builder for Automation Apps" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: