Criado em 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
A paleta consiste em cores Escuro, Luz. Cores de destaque Knob Coral #ff847c e Prop Sky #aeeeee. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #1E293B (mais escuro) a #F7F9FC (mais claro). A faixa de luminosidade é ampla.
Saturação mista — tons suaves e acentos mais vivos.
Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).
No geral, a temperatura tende para o frio.
Códigos HEX (ordenados): #1E293B, #AEEEEE, #B497F4, #D3D3D3, #F7F9FC, #FF847C
A paleta React UI Storybook Theme tem uma combinação de cores de códigos de 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)
Versão simplificada das cores da paleta
Sombra de midnightblue, Sombra de salmon, Matiz de paleturquoise, Sombra de mediumpurple, Matiz de ghostwhite
O esquema de cores foi criado por colorhunt
Códigos de cores na paleta
React UI Storybook Theme códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #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 | — |
Contraste da Paleta de Cores
8 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
| Cor do texto | Cor de fundo | Taxa de contraste |
#ff847c | #aeeeee | 1.83 |
#ff847c | #d3d3d3 | 1.58 |
#ff847c | #b497f4 | 1.01 |
#aeeeee | #d3d3d3 | 1.15 |
#aeeeee | #b497f4 | 1.87 |
#aeeeee | #f7f9fc | 1.22 |
Paleta de imagens React UI Storybook Theme png
Exportar paleta
Baixe a "React UI Storybook Theme" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: