Створено 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" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: