Esta paleta sóbria de 5 cores vai de Greenfield (#5E734F), o tom mais claro, até Dark Gunmetal (#23232B), o mais escuro. Ela reúne Dark Gunmetal, Highlander, Greenfield, Fern Grotto e Scarab em um único conjunto que você pode levar direto para uma interface. Nenhum dos 10 pares de cores da paleta atinge o limiar de contraste WCAG AA (4,5:1); por isso, combine essas cores com preto ou branco no texto corrido.
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
Dark Gunmetal#23232B
RGB
rgb(35, 35, 43)
HSL
hsl(240, 10%, 15%)
Luminância
0,017
Highlander#38523A
RGB
rgb(56, 82, 58)
HSL
hsl(125, 19%, 27%)
Luminância
0,072
Greenfield#5E734F
RGB
rgb(94, 115, 79)
HSL
hsl(95, 19%, 38%)
Luminância
0,152
Fern Grotto#536A43
RGB
rgb(83, 106, 67)
HSL
hsl(95, 23%, 34%)
Luminância
0,126
Scarab#2D3C33
RGB
rgb(45, 60, 51)
HSL
hsl(144, 14%, 21%)
Luminância
0,040
Contraste e acessibilidade
0 de 10 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.
Aa#23232B sobre #5E734F3,00:1AA, texto grande
Aa#23232B sobre #536A432,61:1Reprovado
Aa#5E734F sobre #2D3C332,24:1Reprovado
Aa#536A43 sobre #2D3C331,94:1Reprovado
Aa#23232B sobre #38523A1,81:1Reprovado
Aa#38523A sobre #5E734F1,66:1Reprovado
Aa#38523A sobre #536A431,44:1Reprovado
Aa#38523A sobre #2D3C331,35:1Reprovado
Aa#23232B sobre #2D3C331,34:1Reprovado
Aa#5E734F sobre #536A431,15:1Reprovado
Paletas semelhantes
#000000#3E065F#700B97#8E05C2
4 cores
#000000#150050#3F0071#FB2576
4 cores
#000000#3E432E#616F39#A7D129
4 cores
#4B5D67#322F3D#59405C#87556F
4 cores
#18230F#27391C#255F38#1F7D53
4 cores
#FF5200#6F0000#00263B#00A1AB
4 cores
#000000#0F6292#16FF00#FFED00
4 cores
#251D3A#2A2550#E04D01#FF7700
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.