Створено 08/21/2025 11:55
Next.js Adaptive Dark Mode Flow
- Shadow Indigo#3f51b5
- Runtime Gray#2e2e2e
- Hook Green#66bb6a
- Middleware Yellow#fdd835
- Overlay White#fafafa
- Hyper Orange#ff7043
Палітра містить напівтемний, темний, світлий кольори. Акцентні кольори Shadow Indigo #3f51b5 та Hyper Orange #ff7043. Палітра має температуру кольорів Холодний, Нейтральний, Теплий.
За світлістю палітра сягає від #2E2E2E (найтемніший) до #FAFAFA (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік теплого.
HEX-коди (відсортовано): #2E2E2E, #3F51B5, #66BB6A, #FAFAFA, #FDD835, #FF7043
Палітра Next.js Adaptive Dark Mode Flow містить комбінацію з 6 кодів кольорів :
HEX: #3f51b5, RGB: (63, 81, 181); HEX: #2e2e2e, RGB: (46, 46, 46); HEX: #66bb6a, RGB: (102, 187, 106)
HEX: #fdd835, RGB: (253, 216, 53); HEX: #fafafa, RGB: (250, 250, 250); HEX: #ff7043, RGB: (255, 112, 67)
Спрощений варіант палітри кольорів
Відтінок slateblue, Відтінок Чорний, Відтінок mediumseagreen, Відтінок gold, Відтінок whitesmoke, Відтінок coral
Кольорова схема створена автором colorday
Коди кольорів у палітрі
Next.js Adaptive Dark Mode Flow коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #3f51b5 | #3f51b5 | RGB(63, 81, 181) | Shadow Indigo | — |
| #2e2e2e | #2e2e2e | RGB(46, 46, 46) | Runtime Gray | Carbon Fiber |
| #66bb6a | #66bb6a | RGB(102, 187, 106) | Hook Green | — |
| #fdd835 | #fdd835 | RGB(253, 216, 53) | Middleware Yellow | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Overlay White | Dr. White |
| #ff7043 | #ff7043 | RGB(255, 112, 67) | Hyper Orange | — |
Контраст палітри кольорів
5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#3f51b5 | #2e2e2e | 1.97 |
#66bb6a | #fdd835 | 1.69 |
#66bb6a | #ff7043 | 1.16 |
#fdd835 | #fafafa | 1.33 |
#fdd835 | #ff7043 | 1.96 |
Зображення палітри Next.js Adaptive Dark Mode Flow png
Експортувати палітру
Завантажте "Next.js Adaptive Dark Mode Flow" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: