Створено 07/04/2025 09:55
JavaScript Flow Architecture
- Node Yellow#ffdd57
- Route Slate#3a3f55
- Async Aqua#00c7b1
- Promise Pink#fda3b3
- Callback Cream#f7f1e3
- Terminal Black#1e1f26
Палітра містить світлий, темний кольори. Акцентні кольори Node Yellow #ffdd57 та Async Aqua #00c7b1. Палітра має температуру кольорів Теплий, Холодний, Нейтральний.
За світлістю палітра сягає від #1E1F26 (найтемніший) до #F7F1E3 (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Теплі й холодні зразки доволі збалансовані.
HEX-коди (відсортовано): #00C7B1, #1E1F26, #3A3F55, #F7F1E3, #FDA3B3, #FFDD57
Палітра JavaScript Flow Architecture містить комбінацію з 6 кодів кольорів :
HEX: #ffdd57, RGB: (255, 221, 87); HEX: #3a3f55, RGB: (58, 63, 85); HEX: #00c7b1, RGB: (0, 199, 177)
HEX: #fda3b3, RGB: (253, 163, 179); HEX: #f7f1e3, RGB: (247, 241, 227); HEX: #1e1f26, RGB: (30, 31, 38)
Спрощений варіант палітри кольорів
Відтінок gold, Відтінок darkslateblue, Відтінок lightseagreen, Відтінок lightpink, Відтінок oldlace, Відтінок Чорний
Кольорова схема створена автором colorstudio
Коди кольорів у палітрі
JavaScript Flow Architecture коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #ffdd57 | #ffdd57 | RGB(255, 221, 87) | Node Yellow | — |
| #3a3f55 | #3a3f55 | RGB(58, 63, 85) | Route Slate | — |
| #00c7b1 | #00c7b1 | RGB(0, 199, 177) | Async Aqua | — |
| #fda3b3 | #fda3b3 | RGB(253, 163, 179) | Promise Pink | — |
| #f7f1e3 | #f7f1e3 | RGB(247, 241, 227) | Callback Cream | White Veil |
| #1e1f26 | #1e1f26 | RGB(30, 31, 38) | Terminal Black | — |
Контраст палітри кольорів
7 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#ffdd57 | #00c7b1 | 1.6 |
#ffdd57 | #fda3b3 | 1.42 |
#ffdd57 | #f7f1e3 | 1.18 |
#3a3f55 | #1e1f26 | 1.58 |
#00c7b1 | #fda3b3 | 1.12 |
#00c7b1 | #f7f1e3 | 1.9 |
Зображення палітри JavaScript Flow Architecture png
Експортувати палітру
Завантажте "JavaScript Flow Architecture" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: