Створено 07/19/2025 07:44
Accessible Light-Dark Hybrid Theme
- Universal Canvas White#ffffff
- Contrast Mode Charcoal#1c1c1c
- Focus Lime#a3e635
- Shadow Gray#9ca3af
- Text Black#111111
- Accent Blue#3b82f6
Палітра містить світлий, темний кольори. Акцентні кольори Focus Lime #a3e635 та Accent Blue #3b82f6. Палітра має температуру кольорів Нейтральний, Теплий, Холодний.
За світлістю палітра сягає від #111111 (найтемніший) до #FFFFFF (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається переважно приглушеною (низька хрома) — 67% кольорів приглушені.
Більшість кольорів близькі до нейтральних або дуже слабо насичені; зв’язки між відтінками тонкі.
Загалом температура зміщена в бік холодного (2 із 6).
HEX-коди (відсортовано): #111111, #1C1C1C, #3B82F6, #9CA3AF, #A3E635, #FFFFFF
Палітра Accessible Light-Dark Hybrid Theme містить комбінацію з 6 кодів кольорів :
HEX: #ffffff, RGB: (255, 255, 255); HEX: #1c1c1c, RGB: (28, 28, 28); HEX: #a3e635, RGB: (163, 230, 53)
HEX: #9ca3af, RGB: (156, 163, 175); HEX: #111111, RGB: (17, 17, 17); HEX: #3b82f6, RGB: (59, 130, 246)
Спрощений варіант палітри кольорів
Білий, Відтінок Чорний, Відтінок Жовтозелений, Відтінок darkgrey, Відтінок Чорний, Відтінок dodgerblue
Кольорова схема створена автором colorstudio
Коди кольорів у палітрі
Accessible Light-Dark Hybrid Theme коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #ffffff | #ffffff | RGB(255, 255, 255) | Universal Canvas White | White |
| #1c1c1c | #1c1c1c | RGB(28, 28, 28) | Contrast Mode Charcoal | Gray11 |
| #a3e635 | #a3e635 | RGB(163, 230, 53) | Focus Lime | — |
| #9ca3af | #9ca3af | RGB(156, 163, 175) | Shadow Gray | — |
| #111111 | #111111 | RGB(17, 17, 17) | Text Black | Dreamless Sleep |
| #3b82f6 | #3b82f6 | RGB(59, 130, 246) | Accent Blue | — |
Контраст палітри кольорів
4 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#ffffff | #a3e635 | 1.5 |
#1c1c1c | #111111 | 1.1 |
#a3e635 | #9ca3af | 1.68 |
#9ca3af | #3b82f6 | 1.44 |
Зображення палітри Accessible Light-Dark Hybrid Theme png
Експортувати палітру
Завантажте "Accessible Light-Dark Hybrid Theme" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: