Створено 07/28/2025 11:06
JavaScript User Flow Architect
- Async Apricot#ffb36b
- Scope Yellow#ffe347
- Runtime Black#1d1d1d
- Loop Teal#3dd9c1
- Debug Sky#9fd8f6
- Hook Purple#9c6ade
- Comment Gray#d4d7dd
Палітра містить світлий, темний кольори. Акцентні кольори Scope Yellow #ffe347 та Debug Sky #9fd8f6. Палітра має температуру кольорів Теплий, Нейтральний, Холодний.
За світлістю палітра сягає від #1D1D1D (найтемніший) до #D4D7DD (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #1D1D1D, #3DD9C1, #9C6ADE, #9FD8F6, #D4D7DD, #FFB36B, #FFE347
Палітра JavaScript User Flow Architect містить комбінацію з 7 кодів кольорів :
HEX: #ffb36b, RGB: (255, 179, 107); HEX: #ffe347, RGB: (255, 227, 71); HEX: #1d1d1d, RGB: (29, 29, 29)
HEX: #3dd9c1, RGB: (61, 217, 193); HEX: #9fd8f6, RGB: (159, 216, 246); HEX: #9c6ade, RGB: (156, 106, 222)
HEX: #d4d7dd, RGB: (212, 215, 221)
Спрощений варіант палітри кольорів
Відтінок sandybrown, Відтінок gold, Відтінок Чорний, Відтінок turquoise, Відтінок skyblue, Відтінок mediumpurple, Відтінок lightgrey
Кольорова схема створена автором colorday
Коди кольорів у палітрі
JavaScript User Flow Architect коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #ffb36b | #ffb36b | RGB(255, 179, 107) | Async Apricot | — |
| #ffe347 | #ffe347 | RGB(255, 227, 71) | Scope Yellow | — |
| #1d1d1d | #1d1d1d | RGB(29, 29, 29) | Runtime Black | — |
| #3dd9c1 | #3dd9c1 | RGB(61, 217, 193) | Loop Teal | — |
| #9fd8f6 | #9fd8f6 | RGB(159, 216, 246) | Debug Sky | — |
| #9c6ade | #9c6ade | RGB(156, 106, 222) | Hook Purple | — |
| #d4d7dd | #d4d7dd | RGB(212, 215, 221) | Comment Gray | — |
Контраст палітри кольорів
10 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#ffb36b | #ffe347 | 1.37 |
#ffb36b | #3dd9c1 | 1 |
#ffb36b | #9fd8f6 | 1.14 |
#ffb36b | #d4d7dd | 1.22 |
#ffe347 | #3dd9c1 | 1.37 |
#ffe347 | #9fd8f6 | 1.19 |
Зображення палітри JavaScript User Flow Architect png
Експортувати палітру
Завантажте "JavaScript User Flow Architect" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: