Створено 07/22/2025 16:43
Low-Code Dev UI Framework Palette
- Node Blue#3385ff
- Drag Yellow#ffdc5e
- Drop Gray#e1e1e1
- Deploy Green#00c49a
- Workflow Navy#2d3142
- Builder White#fbfbfb
Палітра містить світлий, темний кольори. Акцентні кольори Drag Yellow #ffdc5e та Deploy Green #00c49a. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #2D3142 (найтемніший) до #FBFBFB (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #00C49A, #2D3142, #3385FF, #E1E1E1, #FBFBFB, #FFDC5E
Палітра Low-Code Dev UI Framework Palette містить комбінацію з 6 кодів кольорів :
HEX: #3385ff, RGB: (51, 133, 255); HEX: #ffdc5e, RGB: (255, 220, 94); HEX: #e1e1e1, RGB: (225, 225, 225)
HEX: #00c49a, RGB: (0, 196, 154); HEX: #2d3142, RGB: (45, 49, 66); HEX: #fbfbfb, RGB: (251, 251, 251)
Спрощений варіант палітри кольорів
Відтінок dodgerblue, Відтінок gold, Відтінок gainsboro, Відтінок mediumaquamarine, Відтінок darkslateblue, Відтінок Білий
Кольорова схема створена автором bad_colors
Коди кольорів у палітрі
Low-Code Dev UI Framework Palette коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #3385ff | #3385ff | RGB(51, 133, 255) | Node Blue | — |
| #ffdc5e | #ffdc5e | RGB(255, 220, 94) | Drag Yellow | — |
| #e1e1e1 | #e1e1e1 | RGB(225, 225, 225) | Drop Gray | — |
| #00c49a | #00c49a | RGB(0, 196, 154) | Deploy Green | — |
| #2d3142 | #2d3142 | RGB(45, 49, 66) | Workflow Navy | — |
| #fbfbfb | #fbfbfb | RGB(251, 251, 251) | Builder White | Whiteout |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#3385ff | #00c49a | 1.57 |
#ffdc5e | #e1e1e1 | 1.02 |
#ffdc5e | #00c49a | 1.67 |
#ffdc5e | #fbfbfb | 1.29 |
#e1e1e1 | #00c49a | 1.71 |
#e1e1e1 | #fbfbfb | 1.26 |
Зображення палітри Low-Code Dev UI Framework Palette png
Експортувати палітру
Завантажте "Low-Code Dev UI Framework Palette" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: