UI Kit for Web 3
- Space Age Navy#1a1d23
- Galactic Blue#4567b7
- Cosmic Green#34c759
- Cyberpunk Red#e74c3c
- Neural Network Purple#8e24aa
- Data Insights Yellow#f7dc6f
Создано 11/09/2025 21:38
Палитра содержит темный, полутемный, светлый цвета. Акцентные цвета Neural Network Purple #8e24aa и Data Insights Yellow #f7dc6f. Палитра имеет цветовую температуру Нейтральный, Холодный, Теплый.
По светлоте палитра тянется от #1A1D23 (самый тёмный) до #F7DC6F (самый светлый). Диапазон светлоты широкий.
В целом насыщенность выглядит яркой (высокая хрома) — 67% цветов насыщенные.
Некоторые цвета находятся почти напротив друг друга на цветовом круге, что даёт палитре комплементарный контраст.
В целом температура смещена в сторону холодного (3 из 6).
HEX-коды (по возрастанию): #1A1D23, #34C759, #4567B7, #8E24AA, #E74C3C, #F7DC6F
Палитра UI Kit for Web 3 содержит комбинацию из 6 кодов цветов:
HEX: #1a1d23, RGB: (26, 29, 35); HEX: #4567b7, RGB: (69, 103, 183); HEX: #34c759, RGB: (52, 199, 89)
HEX: #e74c3c, RGB: (231, 76, 60); HEX: #8e24aa, RGB: (142, 36, 170); HEX: #f7dc6f, RGB: (247, 220, 111)
Упрощенная версия цветов палитры
Светлый оттенок Черный, Тёмный оттенок Королевский синий, Светлый оттенок Зелёный лайм, Тёмный оттенок Томатный, Тёмный оттенок Тёмная орхидея, Тёмный оттенок Хаки
Цветовая схема создана автором colorday
Коды цветов в палитре
UI Kit for Web 3 коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
|---|---|---|---|---|
| #1a1d23 | #1a1d23 | RGB(26, 29, 35) | Space Age Navy | — |
| #4567b7 | #4567b7 | RGB(69, 103, 183) | Galactic Blue | — |
| #34c759 | #34c759 | RGB(52, 199, 89) | Cosmic Green | — |
| #e74c3c | #e74c3c | RGB(231, 76, 60) | Cyberpunk Red | — |
| #8e24aa | #8e24aa | RGB(142, 36, 170) | Neural Network Purple | — |
| #f7dc6f | #f7dc6f | RGB(247, 220, 111) | Data Insights Yellow | — |
Контраст палитры цветов
5 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
|---|---|---|
#4567b7 | #e74c3c | 1.41 |
#4567b7 | #8e24aa | 1.29 |
#34c759 | #e74c3c | 1.72 |
#34c759 | #f7dc6f | 1.63 |
#e74c3c | #8e24aa | 1.84 |
Палитра из изображения UI Kit for Web 3 png
Экспорт палитры
Скачайте "UI Kit for Web 3" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: