Esta paleta vibrante de 5 cores vai de White (#FFFFFF), o tom mais claro, até Bright Nori (#1E601E), o mais escuro. Ela reúne White, Greek Blue, Piment Piquant, Tanned Leather e Bright Nori 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 é #FFFFFF sobre #1E601E, com 7,64: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
White#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Luminância
1,000
Greek Blue#039CBD
RGB
rgb(3, 156, 189)
HSL
hsl(191, 97%, 38%)
Luminância
0,275
Piment Piquant#CA1F08
RGB
rgb(202, 31, 8)
HSL
hsl(7, 92%, 41%)
Luminância
0,136
Tanned Leather#F3C305
RGB
rgb(243, 195, 5)
HSL
hsl(48, 96%, 49%)
Luminância
0,581
Bright Nori#1E601E
RGB
rgb(30, 96, 30)
HSL
hsl(120, 52%, 25%)
Luminância
0,087
Contraste e acessibilidade
3 de 10 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.
Aa#FFFFFF sobre #1E601E7,64:1AAA
Aa#FFFFFF sobre #CA1F085,66:1AA
Aa#F3C305 sobre #1E601E4,59:1AA
Aa#CA1F08 sobre #F3C3053,40:1AA, texto grande
Aa#FFFFFF sobre #039CBD3,23:1AA, texto grande
Aa#039CBD sobre #1E601E2,36:1Reprovado
Aa#039CBD sobre #F3C3051,94:1Reprovado
Aa#039CBD sobre #CA1F081,75:1Reprovado
Aa#FFFFFF sobre #F3C3051,66:1Reprovado
Aa#CA1F08 sobre #1E601E1,35: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.