Створено 07/04/2025 20:12
Next.js Startup Console
- Terminal Green#32cd32
- Framework Charcoal#1e1e1e
- Compile Blue#98c1d9
- Push Orange#ff944d
- Preview Lilac#bca7ff
- Soft Grid#f6f6f6
Палітра містить світлий, темний кольори. Акцентні кольори Push Orange #ff944d та Preview Lilac #bca7ff. Палітра має температуру кольорів Нейтральний, Холодний, Теплий.
За світлістю палітра сягає від #1E1E1E (найтемніший) до #F6F6F6 (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #1E1E1E, #32CD32, #98C1D9, #BCA7FF, #F6F6F6, #FF944D
Палітра Next.js Startup Console містить комбінацію з 6 кодів кольорів :
HEX: #32cd32, RGB: (50, 205, 50); HEX: #1e1e1e, RGB: (30, 30, 30); HEX: #98c1d9, RGB: (152, 193, 217)
HEX: #ff944d, RGB: (255, 148, 77); HEX: #bca7ff, RGB: (188, 167, 255); HEX: #f6f6f6, RGB: (246, 246, 246)
Спрощений варіант палітри кольорів
Відтінок Чорний, Відтінок skyblue, Відтінок sandybrown, Відтінок lightsteelblue, Відтінок whitesmoke
Кольорова схема створена автором colourlock
Коди кольорів у палітрі
Next.js Startup Console коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #32cd32 | #32cd32 | RGB(50, 205, 50) | Terminal Green | Poisonous Pesticide |
| #1e1e1e | #1e1e1e | RGB(30, 30, 30) | Framework Charcoal | — |
| #98c1d9 | #98c1d9 | RGB(152, 193, 217) | Compile Blue | — |
| #ff944d | #ff944d | RGB(255, 148, 77) | Push Orange | — |
| #bca7ff | #bca7ff | RGB(188, 167, 255) | Preview Lilac | — |
| #f6f6f6 | #f6f6f6 | RGB(246, 246, 246) | Soft Grid | — |
Контраст палітри кольорів
9 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#32cd32 | #98c1d9 | 1.1 |
#32cd32 | #ff944d | 1.03 |
#32cd32 | #bca7ff | 1.01 |
#32cd32 | #f6f6f6 | 1.95 |
#98c1d9 | #ff944d | 1.14 |
#98c1d9 | #bca7ff | 1.08 |
Зображення палітри Next.js Startup Console png
Експортувати палітру
Завантажте "Next.js Startup Console" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: