React Component Flow System
- JS Yellow#f7df1e
- React Ocean#61dafb
- Framework Slate#2b2b2b
- Node Canopy#6cc24a
- Semantic Rose#ff6492
- Input Pearl#fafafa
- Code Lavender#a393eb
Создано 07/12/2025 20:05
Палитра содержит светлый, темный цвета. Акцентные цвета React Ocean #61dafb и Semantic Rose #ff6492. Палитра имеет цветовую температуру Теплый, Холодный, Нейтральный.
По светлоте палитра тянется от #2B2B2B (самый тёмный) до #FAFAFA (самый светлый). Диапазон светлоты широкий.
В целом насыщенность выглядит яркой (высокая хрома) — 57% цветов насыщенные.
Некоторые цвета находятся почти напротив друг друга на цветовом круге, что даёт палитре комплементарный контраст.
В целом температура смещена в сторону холодного (3 из 7).
HEX-коды (по возрастанию): #2B2B2B, #61DAFB, #6CC24A, #A393EB, #F7DF1E, #FAFAFA, #FF6492
Палитра React Component Flow System содержит комбинацию из 7 кодов цветов:
HEX: #f7df1e, RGB: (247, 223, 30); HEX: #61dafb, RGB: (97, 218, 251); HEX: #2b2b2b, RGB: (43, 43, 43)
HEX: #6cc24a, RGB: (108, 194, 74); HEX: #ff6492, RGB: (255, 100, 146); HEX: #fafafa, RGB: (250, 250, 250)
HEX: #a393eb, RGB: (163, 147, 235)
Упрощенная версия цветов палитры
Светлый оттенок Золотой, Тёмный оттенок Небесно-голубой, Светлый оттенок Черный, Светлый оттенок Зелёный лайм, Светлый оттенок Бледный фиолетово-красный, Светлый оттенок Дымчато-белый, Светлый оттенок Умеренно-фиолетовый
Цветовая схема создана автором raccoon
Коды цветов в палитре
React Component Flow System коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
|---|---|---|---|---|
| #f7df1e | #f7df1e | RGB(247, 223, 30) | JS Yellow | — |
| #61dafb | #61dafb | RGB(97, 218, 251) | React Ocean | — |
| #2b2b2b | #2b2b2b | RGB(43, 43, 43) | Framework Slate | Shoe Wax |
| #6cc24a | #6cc24a | RGB(108, 194, 74) | Node Canopy | — |
| #ff6492 | #ff6492 | RGB(255, 100, 146) | Semantic Rose | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Input Pearl | Dr. White |
| #a393eb | #a393eb | RGB(163, 147, 235) | Code Lavender | — |
Контраст палитры цветов
11 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
|---|---|---|
#f7df1e | #61dafb | 1.2 |
#f7df1e | #6cc24a | 1.64 |
#f7df1e | #fafafa | 1.29 |
#f7df1e | #a393eb | 1.95 |
#61dafb | #6cc24a | 1.36 |
#61dafb | #ff6492 | 1.72 |
Палитра из изображения React Component Flow System png
Экспорт палитры
Скачайте "React Component Flow System" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: