Створено 07/13/2025 17:39
No-Code Builder Interface Colors
- Drag Block Cyan#40e0d0
- Canvas White#ffffff
- Widget Orange#ffa351
- Flow Link Grey#a0a0a0
- Preview Black#1f1f1f
- Template Lavender#cabbe9
Палітра містить світлий, темний кольори. Акцентні кольори Drag Block Cyan #40e0d0 та Widget Orange #ffa351. Палітра має температуру кольорів Холодний, Нейтральний, Теплий.
За світлістю палітра сягає від #1F1F1F (найтемніший) до #FFFFFF (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #1F1F1F, #40E0D0, #A0A0A0, #CABBE9, #FFA351, #FFFFFF
Палітра No-Code Builder Interface Colors містить комбінацію з 6 кодів кольорів :
HEX: #40e0d0, RGB: (64, 224, 208); HEX: #ffffff, RGB: (255, 255, 255); HEX: #ffa351, RGB: (255, 163, 81)
HEX: #a0a0a0, RGB: (160, 160, 160); HEX: #1f1f1f, RGB: (31, 31, 31); HEX: #cabbe9, RGB: (202, 187, 233)
Спрощений варіант палітри кольорів
Білий, Відтінок sandybrown, Відтінок darkgrey, Відтінок Чорний, Відтінок thistle
Кольорова схема створена автором coolor
Коди кольорів у палітрі
No-Code Builder Interface Colors коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #40e0d0 | #40e0d0 | RGB(64, 224, 208) | Drag Block Cyan | Fresh Turquoise |
| #ffffff | #ffffff | RGB(255, 255, 255) | Canvas White | White |
| #ffa351 | #ffa351 | RGB(255, 163, 81) | Widget Orange | — |
| #a0a0a0 | #a0a0a0 | RGB(160, 160, 160) | Flow Link Grey | — |
| #1f1f1f | #1f1f1f | RGB(31, 31, 31) | Preview Black | Gray12 |
| #cabbe9 | #cabbe9 | RGB(202, 187, 233) | Template Lavender | — |
Контраст палітри кольорів
9 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#40e0d0 | #ffffff | 1.64 |
#40e0d0 | #ffa351 | 1.2 |
#40e0d0 | #a0a0a0 | 1.59 |
#40e0d0 | #cabbe9 | 1.08 |
#ffffff | #ffa351 | 1.97 |
#ffffff | #cabbe9 | 1.78 |
Зображення палітри No-Code Builder Interface Colors png
Експортувати палітру
Завантажте "No-Code Builder Interface Colors" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: