Створено 07/04/2025 09:45
Dark Mode Design Framework
- Background Jet#121212
- Surface Iron#1e1e1e
- Accent Neon#64ffda
- Text Snow#fafafa
- Hover Violet#b388ff
- Secondary Grey#757575
- Primary Cyan#00e5ff
Палітра містить темний, світлий кольори. Акцентні кольори Accent Neon #64ffda та Text Snow #fafafa. Палітра має температуру кольорів Нейтральний, Холодний.
За світлістю палітра сягає від #121212 (найтемніший) до #FAFAFA (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається переважно приглушеною (низька хрома).
Відтінки лежать у сусідній смузі на колі (евристика).
Більшість зразків читаються як нейтральні за температурою.
HEX-коди (відсортовано): #00E5FF, #121212, #1E1E1E, #64FFDA, #757575, #B388FF, #FAFAFA
Палітра Dark Mode Design Framework містить комбінацію з 7 кодів кольорів :
HEX: #121212, RGB: (18, 18, 18); HEX: #1e1e1e, RGB: (30, 30, 30); HEX: #64ffda, RGB: (100, 255, 218)
HEX: #fafafa, RGB: (250, 250, 250); HEX: #b388ff, RGB: (179, 136, 255); HEX: #757575, RGB: (117, 117, 117)
HEX: #00e5ff, RGB: (0, 229, 255)
Спрощений варіант палітри кольорів
Відтінок Чорний, Відтінок Чорний, Відтінок aquamarine, Відтінок whitesmoke, Відтінок mediumpurple, Відтінок dimgrey, Відтінок darkturquoise
Кольорова схема створена автором colorhunt
Коди кольорів у палітрі
Dark Mode Design Framework коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #121212 | #121212 | RGB(18, 18, 18) | Background Jet | Dark Tone Ink |
| #1e1e1e | #1e1e1e | RGB(30, 30, 30) | Surface Iron | — |
| #64ffda | #64ffda | RGB(100, 255, 218) | Accent Neon | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Text Snow | Dr. White |
| #b388ff | #b388ff | RGB(179, 136, 255) | Hover Violet | — |
| #757575 | #757575 | RGB(117, 117, 117) | Secondary Grey | Sonic Silver |
| #00e5ff | #00e5ff | RGB(0, 229, 255) | Primary Cyan | — |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#121212 | #1e1e1e | 1.12 |
#64ffda | #fafafa | 1.19 |
#64ffda | #00e5ff | 1.23 |
#fafafa | #00e5ff | 1.47 |
#b388ff | #757575 | 1.72 |
#b388ff | #00e5ff | 1.73 |
Зображення палітри Dark Mode Design Framework png
Експортувати палітру
Завантажте "Dark Mode Design Framework" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: