Criado em 12/26/2022 20:06
Components ui sidebar button styleguide colors palette
- Maximum Blue#41a3cf
- Wild Blue Yonder#9daed6
- Indigo (Rainbow)#232f67
- Dark Blue-Gray#735f9c
- Lilac#c4a8bd
- Metallic Blue#365274
A paleta consiste em cores Luz, Escuro. Cores de destaque Maximum Blue #41a3cf e Indigo (Rainbow) #232f67. A paleta tem Legal, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #232F67 (mais escuro) a #9DAED6 (mais claro). A faixa de luminosidade é moderada.
Saturação mista — tons suaves e acentos mais vivos.
Os matizes ficam numa faixa vizinha na roda (heurística).
No geral, a temperatura tende para o frio.
Códigos HEX (ordenados): #232F67, #365274, #41A3CF, #735F9C, #9DAED6, #C4A8BD
A paleta Components ui sidebar button styleguide colors palette tem uma combinação de cores de códigos de 6:
HEX: #41a3cf, RGB: (65, 163, 207); HEX: #9daed6, RGB: (157, 174, 214); HEX: #232f67, RGB: (35, 47, 103)
HEX: #735f9c, RGB: (115, 95, 156); HEX: #c4a8bd, RGB: (196, 168, 189); HEX: #365274, RGB: (54, 82, 116)
Versão simplificada das cores da paleta
Matiz de deepskyblue, Matiz de lightsteelblue, Sombra de midnightblue, Sombra de slateblue, Matiz de thistle, Sombra de darkslateblue
O esquema de cores foi criado por coolor
Códigos de cores na paleta
Components ui sidebar button styleguide colors palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #41a3cf | #41a3cf | RGB(65, 163, 207) | Maximum Blue | — |
| #9daed6 | #9daed6 | RGB(157, 174, 214) | Wild Blue Yonder | — |
| #232f67 | #232f67 | RGB(35, 47, 103) | Indigo (Rainbow) | — |
| #735f9c | #735f9c | RGB(115, 95, 156) | Dark Blue-Gray | — |
| #c4a8bd | #c4a8bd | RGB(196, 168, 189) | Lilac | — |
| #365274 | #365274 | RGB(54, 82, 116) | Metallic Blue | — |
Contraste da Paleta de Cores
6 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 |
#41a3cf | #9daed6 | 1.28 |
#41a3cf | #735f9c | 1.91 |
#41a3cf | #c4a8bd | 1.31 |
#9daed6 | #c4a8bd | 1.02 |
#232f67 | #365274 | 1.56 |
#735f9c | #365274 | 1.47 |
Paleta de imagens Components ui sidebar button styleguide colors palette png
Exportar paleta
Baixe a "Components ui sidebar button styleguide colors palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: