Створено 08/23/2025 11:53
Accessible Dark UI Toolkit for Web3
- Eclipse Black#121212
- Panel Graphite#2c2c2c
- Component Teal#0097a7
- Accent Orange#ff7043
- Focus Yellow#fdd835
- Screen White#f5f5f5
Палітра містить темний, світлий кольори. Акцентні кольори Component Teal #0097a7 та Accent Orange #ff7043. Палітра має температуру кольорів Нейтральний, Холодний, Теплий.
За світлістю палітра сягає від #121212 (найтемніший) до #F5F5F5 (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік теплого.
HEX-коди (відсортовано): #0097A7, #121212, #2C2C2C, #F5F5F5, #FDD835, #FF7043
Палітра Accessible Dark UI Toolkit for Web3 містить комбінацію з 6 кодів кольорів :
HEX: #121212, RGB: (18, 18, 18); HEX: #2c2c2c, RGB: (44, 44, 44); HEX: #0097a7, RGB: (0, 151, 167)
HEX: #ff7043, RGB: (255, 112, 67); HEX: #fdd835, RGB: (253, 216, 53); HEX: #f5f5f5, RGB: (245, 245, 245)
Спрощений варіант палітри кольорів
Відтінок Чорний, Відтінок Чорний, Відтінок cadetblue, Відтінок coral, Відтінок gold
Кольорова схема створена автором colourlock
Коди кольорів у палітрі
Accessible Dark UI Toolkit for Web3 коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #121212 | #121212 | RGB(18, 18, 18) | Eclipse Black | Dark Tone Ink |
| #2c2c2c | #2c2c2c | RGB(44, 44, 44) | Panel Graphite | — |
| #0097a7 | #0097a7 | RGB(0, 151, 167) | Component Teal | — |
| #ff7043 | #ff7043 | RGB(255, 112, 67) | Accent Orange | — |
| #fdd835 | #fdd835 | RGB(253, 216, 53) | Focus Yellow | — |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Screen White | White Smoke |
Контраст палітри кольорів
4 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#121212 | #2c2c2c | 1.34 |
#0097a7 | #ff7043 | 1.27 |
#ff7043 | #fdd835 | 1.96 |
#fdd835 | #f5f5f5 | 1.27 |
Зображення палітри Accessible Dark UI Toolkit for Web3 png
Експортувати палітру
Завантажте "Accessible Dark UI Toolkit for Web3" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: