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