Создано 08/25/2025 19:21
React Hook Component Light/Dark Flow ColorsKit
- Hook Blue#4ea8de
- State Green#50c878
- Prop Pink#ff7f91
- Context Cream#fff4e1
- Render Slate#1f2029
- Virtual DOM Black#101010
Палитра содержит светлый, темный цвета. Акцентные цвета Hook Blue #4ea8de да Context Cream #fff4e1. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.
По светлоте палитра тянется от #101010 (самый тёмный) до #FFF4E1 (самый светлый). Диапазон светлоты широкий.
В целом насыщенность выглядит яркой (высокая хрома).
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #101010, #1F2029, #4EA8DE, #50C878, #FF7F91, #FFF4E1
Палитра React Hook Component Light/Dark Flow ColorsKit содержит комбинацию из 6 кодов цветов:
HEX: #4ea8de, RGB: (78, 168, 222); HEX: #50c878, RGB: (80, 200, 120); HEX: #ff7f91, RGB: (255, 127, 145)
HEX: #fff4e1, RGB: (255, 244, 225); HEX: #1f2029, RGB: (31, 32, 41); HEX: #101010, RGB: (16, 16, 16)
Упрощенная версия цветов палитры
Тень deepskyblue, Тень mediumseagreen, Тень lightcoral, Оттенок oldlace, Тень Черный, Тень Черный
Цветовая схема создана автором bad_colors
Коды цветов в палитре
React Hook Component Light/Dark Flow ColorsKit коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #4ea8de | #4ea8de | RGB(78, 168, 222) | Hook Blue | — |
| #50c878 | #50c878 | RGB(80, 200, 120) | State Green | Emerald Reflection |
| #ff7f91 | #ff7f91 | RGB(255, 127, 145) | Prop Pink | — |
| #fff4e1 | #fff4e1 | RGB(255, 244, 225) | Context Cream | — |
| #1f2029 | #1f2029 | RGB(31, 32, 41) | Render Slate | — |
| #101010 | #101010 | RGB(16, 16, 16) | Virtual DOM Black | — |
Контраст палитры цветов
5 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#4ea8de | #50c878 | 1.23 |
#4ea8de | #ff7f91 | 1.08 |
#50c878 | #ff7f91 | 1.13 |
#50c878 | #fff4e1 | 1.95 |
#1f2029 | #101010 | 1.17 |
Изображение палитры React Hook Component Light/Dark Flow ColorsKit png
Экспорт палитры
Скачайте "React Hook Component Light/Dark Flow ColorsKit" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: