Создано 06/13/2025 11:39
React UI Storybook Theme
- Story Ink#1e293b
- Knob Coral#ff847c
- Prop Sky#aeeeee
- Addon Grey#d3d3d3
- Component Lavender#b497f4
- Docs Background#f7f9fc
Палитра содержит темный, светлый цвета. Акцентные цвета Knob Coral #ff847c да Prop Sky #aeeeee. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.
По светлоте палитра тянется от #1E293B (самый тёмный) до #F7F9FC (самый светлый). Диапазон светлоты широкий.
Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #1E293B, #AEEEEE, #B497F4, #D3D3D3, #F7F9FC, #FF847C
Палитра React UI Storybook Theme содержит комбинацию из 6 кодов цветов:
HEX: #1e293b, RGB: (30, 41, 59); HEX: #ff847c, RGB: (255, 132, 124); HEX: #aeeeee, RGB: (174, 238, 238)
HEX: #d3d3d3, RGB: (211, 211, 211); HEX: #b497f4, RGB: (180, 151, 244); HEX: #f7f9fc, RGB: (247, 249, 252)
Упрощенная версия цветов палитры
Тень midnightblue, Тень salmon, Оттенок paleturquoise, Тень mediumpurple, Оттенок ghostwhite
Цветовая схема создана автором colorhunt
Коды цветов в палитре
React UI Storybook Theme коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #1e293b | #1e293b | RGB(30, 41, 59) | Story Ink | — |
| #ff847c | #ff847c | RGB(255, 132, 124) | Knob Coral | — |
| #aeeeee | #aeeeee | RGB(174, 238, 238) | Prop Sky | Paleturquoise2 |
| #d3d3d3 | #d3d3d3 | RGB(211, 211, 211) | Addon Grey | Pinball |
| #b497f4 | #b497f4 | RGB(180, 151, 244) | Component Lavender | — |
| #f7f9fc | #f7f9fc | RGB(247, 249, 252) | Docs Background | — |
Контраст палитры цветов
8 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#ff847c | #aeeeee | 1.83 |
#ff847c | #d3d3d3 | 1.58 |
#ff847c | #b497f4 | 1.01 |
#aeeeee | #d3d3d3 | 1.15 |
#aeeeee | #b497f4 | 1.87 |
#aeeeee | #f7f9fc | 1.22 |
Изображение палитры React UI Storybook Theme png
Экспорт палитры
Скачайте "React UI Storybook Theme" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: