Esta paleta sóbria de 5 cores vai de Baby Talk Grey (#BABABA), o tom mais claro, até Jet (#343635), o mais escuro. Ela reúne Upsdell Red, Jet, Coal Miner, Mud Puddle e Baby Talk Grey em um único conjunto que você pode levar direto para uma interface. Dos seus 10 pares de cores, 1 atinge o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #343635 sobre #BABABA, com 6,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
Upsdell Red#AB2229
RGB
rgb(171, 34, 41)
HSL
hsl(357, 67%, 40%)
Luminância
0,100
Jet#343635
RGB
rgb(52, 54, 53)
HSL
hsl(150, 2%, 21%)
Luminância
0,036
Coal Miner#777773
RGB
rgb(119, 119, 115)
HSL
hsl(60, 2%, 46%)
Luminância
0,184
Mud Puddle#9B968A
RGB
rgb(155, 150, 138)
HSL
hsl(42, 8%, 57%)
Luminância
0,306
Baby Talk Grey#BABABA
RGB
rgb(186, 186, 186)
HSL
hsl(0, 0%, 73%)
Luminância
0,491
Contraste e acessibilidade
1 de 10 pares de cores atinge o limiar de contraste WCAG AA (4,5:1) para texto corrido.
Aa#343635 sobre #BABABA6,27:1AA
Aa#343635 sobre #9B968A4,13:1AA, texto grande
Aa#AB2229 sobre #BABABA3,62:1AA, texto grande
Aa#343635 sobre #7777732,71:1Reprovado
Aa#AB2229 sobre #9B968A2,38:1Reprovado
Aa#777773 sobre #BABABA2,32:1Reprovado
Aa#AB2229 sobre #3436351,73:1Reprovado
Aa#AB2229 sobre #7777731,56:1Reprovado
Aa#777773 sobre #9B968A1,53:1Reprovado
Aa#9B968A sobre #BABABA1,52:1Reprovado
Paletas semelhantes
#F9ED69#F08A5D#B83B5E#6A2C70
4 cores
#7D5A50#B4846C#E5B299#FCDEC0
4 cores
#FFF8EA#9E7676#815B5B#594545
4 cores
#2C3639#3F4E4F#A27B5C#DCD7C9
4 cores
#F67280#C06C84#6C5B7B#355C7D
4 cores
#2B2E4A#E84545#903749#53354A
4 cores
#E5D9B6#A4BE7B#5F8D4E#285430
4 cores
#A9907E#F3DEBA#ABC4AA#675D50
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.