Esta paleta vibrante de 5 cores vai de Golden Yellow (#FFE100), o tom mais claro, até Sepia Black (#290606), o mais escuro. Ela reúne Sepia Black, Paradise City, Blue Fog, Golden Yellow e Tangerine Silk em um único conjunto que você pode levar direto para uma interface. Dos seus 10 pares de cores, 3 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #290606 sobre #FFE100, com 14,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
Sepia Black#290606
RGB
rgb(41, 6, 6)
HSL
hsl(0, 74%, 9%)
Luminância
0,006
Paradise City#617673
RGB
rgb(97, 118, 115)
HSL
hsl(171, 10%, 42%)
Luminância
0,167
Blue Fog#9DAABB
RGB
rgb(157, 170, 187)
HSL
hsl(214, 18%, 67%)
Luminância
0,395
Golden Yellow#FFE100
RGB
rgb(255, 225, 0)
HSL
hsl(53, 100%, 50%)
Luminância
0,751
Tangerine Silk#FFCE96
RGB
rgb(255, 206, 150)
HSL
hsl(32, 100%, 79%)
Luminância
0,676
Contraste e acessibilidade
3 de 10 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.
Aa#290606 sobre #FFE10014,27:1AAA
Aa#290606 sobre #FFCE9612,93:1AAA
Aa#290606 sobre #9DAABB7,93:1AAA
Aa#290606 sobre #6176733,87:1AA, texto grande
Aa#617673 sobre #FFE1003,69:1AA, texto grande
Aa#617673 sobre #FFCE963,34:1AA, texto grande
Aa#617673 sobre #9DAABB2,05:1Reprovado
Aa#9DAABB sobre #FFE1001,80:1Reprovado
Aa#9DAABB sobre #FFCE961,63:1Reprovado
Aa#FFE100 sobre #FFCE961,10: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.