Створено 06/30/2025 17:15
Form Builder Interface UX
- Field Fog#f5f5f5
- Input Indigo#6366f1
- Select Teal#14b8a6
- Label Blush#ffe0e0
- Focus Graphite#2e2e2e
- Validation Lime#a3f7b5
Палітра містить світлий, темний кольори. Акцентні кольори Label Blush #ffe0e0 та Validation Lime #a3f7b5. Палітра має температуру кольорів Нейтральний, Холодний.
За світлістю палітра сягає від #2E2E2E (найтемніший) до #F5F5F5 (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #14B8A6, #2E2E2E, #6366F1, #A3F7B5, #F5F5F5, #FFE0E0
Палітра Form Builder Interface UX містить комбінацію з 6 кодів кольорів :
HEX: #f5f5f5, RGB: (245, 245, 245); HEX: #6366f1, RGB: (99, 102, 241); HEX: #14b8a6, RGB: (20, 184, 166)
HEX: #ffe0e0, RGB: (255, 224, 224); HEX: #2e2e2e, RGB: (46, 46, 46); HEX: #a3f7b5, RGB: (163, 247, 181)
Спрощений варіант палітри кольорів
Відтінок mediumslateblue, Відтінок lightseagreen, Відтінок mistyrose, Відтінок Чорний, Відтінок lightgreen
Кольорова схема створена автором colorstudio
Коди кольорів у палітрі
Form Builder Interface UX коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Field Fog | White Smoke |
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Input Indigo | — |
| #14b8a6 | #14b8a6 | RGB(20, 184, 166) | Select Teal | — |
| #ffe0e0 | #ffe0e0 | RGB(255, 224, 224) | Label Blush | — |
| #2e2e2e | #2e2e2e | RGB(46, 46, 46) | Focus Graphite | Carbon Fiber |
| #a3f7b5 | #a3f7b5 | RGB(163, 247, 181) | Validation Lime | — |
Контраст палітри кольорів
5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#f5f5f5 | #ffe0e0 | 1.13 |
#f5f5f5 | #a3f7b5 | 1.16 |
#6366f1 | #14b8a6 | 1.79 |
#14b8a6 | #a3f7b5 | 1.95 |
#ffe0e0 | #a3f7b5 | 1.02 |
Зображення палітри Form Builder Interface UX png
Експортувати палітру
Завантажте "Form Builder Interface UX" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: