Loading...
Criado em 08/17/2022 09:27
Pop up component design system
- Ultramarine Blue#466ef3
- Maize (Crayola)#e7c658
- Dark Cornflower Blue#1c3c94
- Dark Blue-Gray#5e62a0
- Light Periwinkle#bfc7db
- Deep Koamaru#303568
A paleta consiste em cores Luz. Cores de destaque Ultramarine Blue #466ef3 e Maize (Crayola) #e7c658. A paleta tem Legal, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #303568 (mais escuro) a #BFC7DB (mais claro). A faixa de luminosidade é moderada.
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): #1C3C94, #303568, #466EF3, #5E62A0, #BFC7DB, #E7C658
A paleta Pop up component design system tem uma combinação de cores de códigos de 6:
HEX: #466ef3, RGB: (70, 110, 243); HEX: #e7c658, RGB: (231, 198, 88); HEX: #1c3c94, RGB: (28, 60, 148)
HEX: #5e62a0, RGB: (94, 98, 160); HEX: #bfc7db, RGB: (191, 199, 219); HEX: #303568, RGB: (48, 53, 104)
Versão simplificada das cores da paleta
Sombra de royalblue, Matiz de gold, Matiz de darkslateblue, Matiz de slateblue, Sombra de lightsteelblue, Matiz de darkslateblue
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Pop up component design system códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #466ef3 | #466ef3 | RGB(70, 110, 243) | Ultramarine Blue | — |
| #e7c658 | #e7c658 | RGB(231, 198, 88) | Maize (Crayola) | — |
| #1c3c94 | #1c3c94 | RGB(28, 60, 148) | Dark Cornflower Blue | — |
| #5e62a0 | #5e62a0 | RGB(94, 98, 160) | Dark Blue-Gray | — |
| #bfc7db | #bfc7db | RGB(191, 199, 219) | Light Periwinkle | — |
| #303568 | #303568 | RGB(48, 53, 104) | Deep Koamaru | — |
Contraste da Paleta de Cores
4 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 |
#466ef3 | #5e62a0 | 1.28 |
#e7c658 | #bfc7db | 1.01 |
#1c3c94 | #5e62a0 | 1.75 |
#1c3c94 | #303568 | 1.15 |
Paleta de imagens Pop up component design system png
Exportar paleta
Baixe a "Pop up component design system" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: