Ferramenta de Cores

Código de cor

#f5d561 · Conversões, variações e harmonias

Gere códigos de cor, variações, combinações e verifique as proporções de contraste.

#f5d561

Conversão de Cor

Matiz 47° · Saturação 88% · Luminosidade 67%

Valores

Sobre esta cor

#f5d561 é uma cor amarela com luminosidade de 67% e saturação de 88%. Em RGB ela é composta por 245 de vermelho, 213 de verde e 97 de azul.

Use as variações abaixo para criar estados de hover, bordas e fundos consistentes, e confira as proporções de contraste antes de aplicar a cor em textos.

Variações

Tons (branco puro adicionado) e sombras (preto puro adicionado) da sua cor em incrementos de 10%.

Sombras (shades)

Tons claros (tints)

Tons dessaturados

Combinações de Cores

Verificador de contraste de cor

Aa
Sobre branco1.44:1
AA ✗AAA ✗Texto grande ✗
Aa
Sobre preto14.57:1
AA ✓AAA ✓Texto grande ✓
Aa
Texto branco1.44:1
AA ✗AAA ✗Texto grande ✗
Aa
Texto preto14.57:1
AA ✓AAA ✓Texto grande ✓
Abrir verificador completo

Formatos Técnicos

Formatos práticos

Análise de cor

temperatura

Quente

luminancia

0.6786

brilho

209 / 255

percepcao

Média

saturacao

Vívida

contrasteIdeal

Texto escuro

Simulador de daltonismo

Protanopia

#e7e77d

Protanomalia

#efe070

Deuteranopia

#e9eb84

Deuteranomalia

#efdd71

Tritanopia

#f39398

Tritanomalia

#f4b676

Acromatopsia

#d1d1d1

Acromatomalia

#e2d39e

Simular uma paleta inteira

Aspectos criativos

Psicologia

Otimismo, atenção e clareza.

Setores

Educação, infantil, logística

Combina bem com

Grafite e branco