Esta paleta sóbria de 5 cores vai de Pastel Yellow (#F6FF95), o tom mais claro, até Pauper (#353544), o mais escuro. Ela reúne Pauper, Mediaeval, French Pink, Dulcet e Pastel Yellow em um único conjunto que você pode levar direto para uma interface. Dos seus 10 pares de cores, 2 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #353544 sobre #F6FF95, com 11,27:1.
Uma paleta versátil para páginas de marketing, blocos hero de produtos, ilustrações e estados de destaque na interface.
Análise das cores
Pauper#353544
RGB
rgb(53, 53, 68)
HSL
hsl(240, 12%, 24%)
Luminância
0,037
Mediaeval#6A6EB2
RGB
rgb(106, 110, 178)
HSL
hsl(237, 32%, 56%)
Luminância
0,174
French Pink#F76CA0
RGB
rgb(247, 108, 160)
HSL
hsl(338, 90%, 70%)
Luminância
0,330
Dulcet#99D6D5
RGB
rgb(153, 214, 213)
HSL
hsl(179, 43%, 72%)
Luminância
0,597
Pastel Yellow#F6FF95
RGB
rgb(246, 255, 149)
HSL
hsl(65, 100%, 79%)
Luminância
0,933
Contraste e acessibilidade
2 de 10 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.
Aa#353544 sobre #F6FF9511,27:1AAA
Aa#353544 sobre #99D6D57,42:1AAA
Aa#6A6EB2 sobre #F6FF954,38:1AA, texto grande
Aa#353544 sobre #F76CA04,36:1AA, texto grande
Aa#6A6EB2 sobre #99D6D52,88:1Reprovado
Aa#F76CA0 sobre #F6FF952,58:1Reprovado
Aa#353544 sobre #6A6EB22,57:1Reprovado
Aa#6A6EB2 sobre #F76CA01,70:1Reprovado
Aa#F76CA0 sobre #99D6D51,70:1Reprovado
Aa#99D6D5 sobre #F6FF951,52:1Reprovado
Paletas semelhantes
#222831#393E46#00ADB5#EEEEEE
4 cores
#F9F7F7#DBE2EF#3F72AF#112D4E
4 cores
#1B262C#0F4C75#3282B8#BBE1FA
4 cores
#08D9D6#252A34#FF2E63#EAEAEA
4 cores
#27374D#526D82#9DB2BF#DDE6ED
4 cores
#364F6B#3FC1C9#F5F5F5#FC5185
4 cores
#E4F9F5#30E3CA#11999E#40514E
4 cores
#F0F5F9#C9D6DF#52616B#1E2022
4 cores
Paleta
Ajude-nos a melhorar
Encontrou um bug? Tem uma ideia?
O Jinero está em desenvolvimento ativo. Se algo estiver quebrado ou funcionando de um jeito estranho, nos avise. Se você sente falta de alguma ferramenta ou recurso, conte também. Lemos todas as mensagens, e elas definem diretamente o que vamos criar a seguir.