Создано 07/11/2025 13:06
Dark Matter UI Component Pack
- Matter Base Black#090909
- Glow Node Cyan#00f5d4
- Panel Dust Grey#c4c4c4
- Vector Path Pink#ffa69e
- Hover State White#f8f8f8
- Data Stripe Violet#9d4edd
Палитра содержит темный, светлый цвета. Акцентные цвета Glow Node Cyan #00f5d4 да Vector Path Pink #ffa69e. Палитра имеет цветовую температуру Нейтральный, Холодный, Теплый.
По светлоте палитра тянется от #090909 (самый тёмный) до #F8F8F8 (самый светлый). Диапазон светлоты широкий.
Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #00F5D4, #090909, #9D4EDD, #C4C4C4, #F8F8F8, #FFA69E
Палитра Dark Matter UI Component Pack содержит комбинацию из 6 кодов цветов:
HEX: #090909, RGB: (9, 9, 9); HEX: #00f5d4, RGB: (0, 245, 212); HEX: #c4c4c4, RGB: (196, 196, 196)
HEX: #ffa69e, RGB: (255, 166, 158); HEX: #f8f8f8, RGB: (248, 248, 248); HEX: #9d4edd, RGB: (157, 78, 221)
Упрощенная версия цветов палитры
Тень Черный, Оттенок aquamarine, Тень Серебряный, Оттенок lightpink, Тень whitesmoke, Тень darkorchid
Цветовая схема создана автором coolor
Больше палитр с:
Коды цветов в палитре
Dark Matter UI Component Pack коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #090909 | #090909 | RGB(9, 9, 9) | Matter Base Black | — |
| #00f5d4 | #00f5d4 | RGB(0, 245, 212) | Glow Node Cyan | — |
| #c4c4c4 | #c4c4c4 | RGB(196, 196, 196) | Panel Dust Grey | Weathered Stone |
| #ffa69e | #ffa69e | RGB(255, 166, 158) | Vector Path Pink | — |
| #f8f8f8 | #f8f8f8 | RGB(248, 248, 248) | Hover State White | — |
| #9d4edd | #9d4edd | RGB(157, 78, 221) | Data Stripe Violet | — |
Контраст палитры цветов
6 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#00f5d4 | #c4c4c4 | 1.24 |
#00f5d4 | #ffa69e | 1.34 |
#00f5d4 | #f8f8f8 | 1.31 |
#c4c4c4 | #ffa69e | 1.07 |
#c4c4c4 | #f8f8f8 | 1.64 |
#ffa69e | #f8f8f8 | 1.76 |
Изображение палитры Dark Matter UI Component Pack png
Экспорт палитры
Скачайте "Dark Matter UI Component Pack" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: