Composable React UI Pattern Flow
- Hook Aqua#7ce2dd
- State Plum#b983ff
- Prop Fog#f5f5f5
- Event Yellow#ffd93d
- Render Navy#2d3142
- Context Charcoal#1c1c1c
Создано 06/09/2025 08:12
Палитра содержит светлый, темный цвета. Акцентные цвета State Plum #b983ff и Event Yellow #ffd93d. Палитра имеет цветовую температуру Холодный, Нейтральный, Теплый.
По светлоте палитра тянется от #1C1C1C (самый тёмный) до #F5F5F5 (самый светлый). Диапазон светлоты широкий.
Насыщенность смешанная — 3 приглушённых и 3 ярких из 6 цветов.
Некоторые цвета находятся почти напротив друг друга на цветовом круге, что даёт палитре комплементарный контраст.
В целом температура смещена в сторону холодного (3 из 6).
HEX-коды (по возрастанию): #1C1C1C, #2D3142, #7CE2DD, #B983FF, #F5F5F5, #FFD93D
Палитра Composable React UI Pattern Flow содержит комбинацию из 6 кодов цветов:
HEX: #7ce2dd, RGB: (124, 226, 221); HEX: #b983ff, RGB: (185, 131, 255); HEX: #f5f5f5, RGB: (245, 245, 245)
HEX: #ffd93d, RGB: (255, 217, 61); HEX: #2d3142, RGB: (45, 49, 66); HEX: #1c1c1c, RGB: (28, 28, 28)
Упрощенная версия цветов палитры
Светлый оттенок Умеренно-бирюзовый, Светлый оттенок Умеренно-фиолетовый, Дымчато-белый, Светлый оттенок Золотой, Тёмный оттенок Тёмный аспидно-синий, Светлый оттенок Черный
Цветовая схема создана автором colorscheme
Коды цветов в палитре
Composable React UI Pattern Flow коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
|---|---|---|---|---|
| #7ce2dd | #7ce2dd | RGB(124, 226, 221) | Hook Aqua | — |
| #b983ff | #b983ff | RGB(185, 131, 255) | State Plum | — |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Prop Fog | Whitesmoke |
| #ffd93d | #ffd93d | RGB(255, 217, 61) | Event Yellow | — |
| #2d3142 | #2d3142 | RGB(45, 49, 66) | Render Navy | — |
| #1c1c1c | #1c1c1c | RGB(28, 28, 28) | Context Charcoal | Gray11 |
Контраст палитры цветов
6 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
|---|---|---|
#7ce2dd | #b983ff | 1.77 |
#7ce2dd | #f5f5f5 | 1.39 |
#7ce2dd | #ffd93d | 1.1 |
#b983ff | #ffd93d | 1.96 |
#f5f5f5 | #ffd93d | 1.26 |
#2d3142 | #1c1c1c | 1.32 |
Палитра из изображения Composable React UI Pattern Flow png
Экспорт палитры
Скачайте "Composable React UI Pattern Flow" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: