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