Создано 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" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: