Створено 07/23/2025 08:27
Next.js System Interface Flow
- Dynamic Sky#a3cef1
- APIRoute Orange#f4a259
- Static Black#202124
- Payload White#f9fafb
- SSR Mint#c1f5dc
- Edge Gray#cdd5d1
- Neural Element Cyan#57e2e5
Палітра містить світлий, темний кольори. Акцентні кольори Dynamic Sky #a3cef1 та APIRoute Orange #f4a259. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #202124 (найтемніший) до #F9FAFB (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #202124, #57E2E5, #A3CEF1, #C1F5DC, #CDD5D1, #F4A259, #F9FAFB
Палітра Next.js System Interface Flow містить комбінацію з 7 кодів кольорів :
HEX: #a3cef1, RGB: (163, 206, 241); HEX: #f4a259, RGB: (244, 162, 89); HEX: #202124, RGB: (32, 33, 36)
HEX: #f9fafb, RGB: (249, 250, 251); HEX: #c1f5dc, RGB: (193, 245, 220); HEX: #cdd5d1, RGB: (205, 213, 209)
HEX: #57e2e5, RGB: (87, 226, 229)
Спрощений варіант палітри кольорів
Відтінок lightskyblue, Відтінок sandybrown, Відтінок Чорний, Відтінок whitesmoke, Відтінок paleturquoise, Відтінок lightgrey, Відтінок mediumturquoise
Кольорова схема створена автором colorscheme
Коди кольорів у палітрі
Next.js System Interface Flow коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #a3cef1 | #a3cef1 | RGB(163, 206, 241) | Dynamic Sky | — |
| #f4a259 | #f4a259 | RGB(244, 162, 89) | APIRoute Orange | — |
| #202124 | #202124 | RGB(32, 33, 36) | Static Black | Noble Black |
| #f9fafb | #f9fafb | RGB(249, 250, 251) | Payload White | — |
| #c1f5dc | #c1f5dc | RGB(193, 245, 220) | SSR Mint | — |
| #cdd5d1 | #cdd5d1 | RGB(205, 213, 209) | Edge Gray | — |
| #57e2e5 | #57e2e5 | RGB(87, 226, 229) | Neural Element Cyan | — |
Контраст палітри кольорів
15 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#a3cef1 | #f4a259 | 1.24 |
#a3cef1 | #f9fafb | 1.58 |
#a3cef1 | #c1f5dc | 1.37 |
#a3cef1 | #cdd5d1 | 1.1 |
#a3cef1 | #57e2e5 | 1.05 |
#f4a259 | #f9fafb | 1.97 |
Зображення палітри Next.js System Interface Flow png
Експортувати палітру
Завантажте "Next.js System Interface Flow" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: