Next.js Dark Mode Studio
- SSR Slate#37474f
- Tailwind Mist#e0f2f1
- Static Jet#212121
- Optimized Violet#7e57c2
- Hydrate Ice#f3f3f3
- Code Orange#ff7043
Создано 07/04/2025 09:41
Палитра содержит полутемный, светлый, темный цвета. Акцентные цвета Tailwind Mist #e0f2f1 и Code Orange #ff7043. Палитра имеет цветовую температуру Холодный, Нейтральный, Теплый.
По светлоте палитра тянется от #212121 (самый тёмный) до #F3F3F3 (самый светлый). Диапазон светлоты широкий.
Насыщенность смешанная — 3 приглушённых и 1 ярких из 6 цветов.
Некоторые цвета находятся почти напротив друг друга на цветовом круге, что даёт палитре комплементарный контраст.
В целом температура смещена в сторону холодного (2 из 6).
HEX-коды (по возрастанию): #212121, #37474F, #7E57C2, #E0F2F1, #F3F3F3, #FF7043
Палитра Next.js Dark Mode Studio содержит комбинацию из 6 кодов цветов:
HEX: #37474f, RGB: (55, 71, 79); HEX: #e0f2f1, RGB: (224, 242, 241); HEX: #212121, RGB: (33, 33, 33)
HEX: #7e57c2, RGB: (126, 87, 194); HEX: #f3f3f3, RGB: (243, 243, 243); HEX: #ff7043, RGB: (255, 112, 67)
Упрощенная версия цветов палитры
Тёмный оттенок Тёмный аспидно-серый, Тёмный оттенок Лазурный, Светлый оттенок Черный, Светлый оттенок Аспидно-синий, Тёмный оттенок Дымчато-белый, Тёмный оттенок Коралловый
Цветовая схема создана автором colorday
Коды цветов в палитре
Next.js Dark Mode Studio коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
|---|---|---|---|---|
| #37474f | #37474f | RGB(55, 71, 79) | SSR Slate | — |
| #e0f2f1 | #e0f2f1 | RGB(224, 242, 241) | Tailwind Mist | — |
| #212121 | #212121 | RGB(33, 33, 33) | Static Jet | Lead |
| #7e57c2 | #7e57c2 | RGB(126, 87, 194) | Optimized Violet | — |
| #f3f3f3 | #f3f3f3 | RGB(243, 243, 243) | Hydrate Ice | — |
| #ff7043 | #ff7043 | RGB(255, 112, 67) | Code Orange | — |
Контраст палитры цветов
4 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
|---|---|---|
#37474f | #212121 | 1.66 |
#37474f | #7e57c2 | 1.85 |
#e0f2f1 | #f3f3f3 | 1.04 |
#7e57c2 | #ff7043 | 1.89 |
Палитра из изображения Next.js Dark Mode Studio png
Экспорт палитры
Скачайте "Next.js Dark Mode Studio" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: