AI Powered React UI Hyperstructure
- Component Indigo#3d5afe
- Gradient Peach#ffb300
- Vector Teal#00acc1
- Surface White#ffffff
- Shadow Gray#424242
- Accent Rose#f06292
- Quantum Blue#1e88e5
Створено 08/23/2025 11:55
Палітра містить напівтемний, світлий кольори. Акцентні кольори Gradient Peach #ffb300 та Vector Teal #00acc1. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #424242 (найтемніший) до #FFFFFF (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома) — 71% кольорів яскраві.
Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.
Загалом температура зміщена в бік холодного (3 із 7).
HEX-коди (відсортовано): #00ACC1, #1E88E5, #3D5AFE, #424242, #F06292, #FFB300, #FFFFFF
Палітра AI Powered React UI Hyperstructure містить комбінацію з 7 кодів кольорів :
HEX: #3d5afe, RGB: (61, 90, 254); HEX: #ffb300, RGB: (255, 179, 0); HEX: #00acc1, RGB: (0, 172, 193)
HEX: #ffffff, RGB: (255, 255, 255); HEX: #424242, RGB: (66, 66, 66); HEX: #f06292, RGB: (240, 98, 146)
HEX: #1e88e5, RGB: (30, 136, 229)
Спрощений варіант палітри кольорів
Темний відтінок Королівський синій, Світлий відтінок Помаранчевий, Темний відтінок Сіро-синій, Білий, Темний відтінок Темний сланцево-сірий, Темний відтінок Блідий фіолетово-червоний, Темний відтінок Захисно-синій
Кольорова схема створена автором colorday
Коди кольорів у палітрі
AI Powered React UI Hyperstructure коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #3d5afe | #3d5afe | RGB(61, 90, 254) | Component Indigo | — |
| #ffb300 | #ffb300 | RGB(255, 179, 0) | Gradient Peach | UCLA Gold |
| #00acc1 | #00acc1 | RGB(0, 172, 193) | Vector Teal | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Surface White | White |
| #424242 | #424242 | RGB(66, 66, 66) | Shadow Gray | Black Panther |
| #f06292 | #f06292 | RGB(240, 98, 146) | Accent Rose | — |
| #1e88e5 | #1e88e5 | RGB(30, 136, 229) | Quantum Blue | — |
Контраст палітри кольорів
10 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#3d5afe | #00acc1 | 1.87 |
#3d5afe | #424242 | 1.95 |
#3d5afe | #f06292 | 1.67 |
#3d5afe | #1e88e5 | 1.39 |
#ffb300 | #00acc1 | 1.52 |
#ffb300 | #ffffff | 1.79 |
Палітра із зображення AI Powered React UI Hyperstructure png
Експортувати палітру
Завантажте "AI Powered React UI Hyperstructure" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: