Создано 08/21/2025 11:46
React Component Analysis Grid
- Virtual Indigo#4b5dff
- Fiber Yellow#ffd700
- Hook Coral#ff6f61
- Node Green#3fa34d
- State White#ffffff
- Prop Dark Navy#1b263b
- Shadow Ash#e5e5e5
Палитра содержит светлый, темный цвета. Акцентные цвета Virtual Indigo #4b5dff да Fiber Yellow #ffd700. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.
По светлоте палитра тянется от #1B263B (самый тёмный) до #FFFFFF (самый светлый). Диапазон светлоты широкий.
Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #1B263B, #3FA34D, #4B5DFF, #E5E5E5, #FF6F61, #FFD700, #FFFFFF
Палитра React Component Analysis Grid содержит комбинацию из 7 кодов цветов:
HEX: #4b5dff, RGB: (75, 93, 255); HEX: #ffd700, RGB: (255, 215, 0); HEX: #ff6f61, RGB: (255, 111, 97)
HEX: #3fa34d, RGB: (63, 163, 77); HEX: #ffffff, RGB: (255, 255, 255); HEX: #1b263b, RGB: (27, 38, 59)
HEX: #e5e5e5, RGB: (229, 229, 229)
Упрощенная версия цветов палитры
Оттенок royalblue, Оттенок salmon, Оттенок mediumseagreen, Белый, Тень midnightblue, Тень gainsboro
Цветовая схема создана автором palettespicker
Коды цветов в палитре
React Component Analysis Grid коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #4b5dff | #4b5dff | RGB(75, 93, 255) | Virtual Indigo | — |
| #ffd700 | #ffd700 | RGB(255, 215, 0) | Fiber Yellow | Gold |
| #ff6f61 | #ff6f61 | RGB(255, 111, 97) | Hook Coral | Living Coral |
| #3fa34d | #3fa34d | RGB(63, 163, 77) | Node Green | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | State White | White |
| #1b263b | #1b263b | RGB(27, 38, 59) | Prop Dark Navy | — |
| #e5e5e5 | #e5e5e5 | RGB(229, 229, 229) | Shadow Ash | Gray90 |
Контраст палитры цветов
7 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#4b5dff | #ff6f61 | 1.78 |
#4b5dff | #3fa34d | 1.52 |
#ffd700 | #ff6f61 | 1.94 |
#ffd700 | #ffffff | 1.4 |
#ffd700 | #e5e5e5 | 1.11 |
#ff6f61 | #3fa34d | 1.17 |
Изображение палитры React Component Analysis Grid png
Экспорт палитры
Скачайте "React Component Analysis Grid" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: