Створено 06/24/2025 17:24
Next.js Multi-Theme Starter
- Light Surface Sand#fdf6ec
- Dark Mode Ink#1b1c1d
- Primary Orchid#d4a1ff
- CTA Blue Bolt#59c7ff
- Accent Blush#ff9f9f
- Divider Fog Gray#d6d8da
Палітра містить світлий, темний кольори. Акцентні кольори CTA Blue Bolt #59c7ff та Accent Blush #ff9f9f. Палітра має температуру кольорів Нейтральний, Холодний, Теплий.
За світлістю палітра сягає від #1B1C1D (найтемніший) до #FDF6EC (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #1B1C1D, #59C7FF, #D4A1FF, #D6D8DA, #FDF6EC, #FF9F9F
Палітра Next.js Multi-Theme Starter містить комбінацію з 6 кодів кольорів :
HEX: #fdf6ec, RGB: (253, 246, 236); HEX: #1b1c1d, RGB: (27, 28, 29); HEX: #d4a1ff, RGB: (212, 161, 255)
HEX: #59c7ff, RGB: (89, 199, 255); HEX: #ff9f9f, RGB: (255, 159, 159); HEX: #d6d8da, RGB: (214, 216, 218)
Спрощений варіант палітри кольорів
Відтінок floralwhite, Відтінок Чорний, Відтінок plum, Відтінок deepskyblue, Відтінок lightcoral, Відтінок lightgrey
Кольорова схема створена автором colorhunt
Коди кольорів у палітрі
Next.js Multi-Theme Starter коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #fdf6ec | #fdf6ec | RGB(253, 246, 236) | Light Surface Sand | — |
| #1b1c1d | #1b1c1d | RGB(27, 28, 29) | Dark Mode Ink | — |
| #d4a1ff | #d4a1ff | RGB(212, 161, 255) | Primary Orchid | — |
| #59c7ff | #59c7ff | RGB(89, 199, 255) | CTA Blue Bolt | — |
| #ff9f9f | #ff9f9f | RGB(255, 159, 159) | Accent Blush | — |
| #d6d8da | #d6d8da | RGB(214, 216, 218) | Divider Fog Gray | — |
Контраст палітри кольорів
10 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#fdf6ec | #d4a1ff | 1.89 |
#fdf6ec | #59c7ff | 1.77 |
#fdf6ec | #ff9f9f | 1.82 |
#fdf6ec | #d6d8da | 1.33 |
#d4a1ff | #59c7ff | 1.06 |
#d4a1ff | #ff9f9f | 1.03 |
Зображення палітри Next.js Multi-Theme Starter png
Експортувати палітру
Завантажте "Next.js Multi-Theme Starter" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: