Создано 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" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: