arrow_back Voltar ao início

Gerador de paleta de cores

Crie rapidamente tons claros, escuros e sugestoes de contraste a partir de uma cor base.

code_blocks Codigohourglass_top Aguardando resultado

Cor de texto recomendada

#FDC003

Texto escuro

Tons escuros

Tons claros

Como a paleta e criada

The tool mixes your base color with black to create shades and with white to create tints, then checks relative luminance to recommend readable text colors.

Notas de uso

  • Shades are useful for hover states, pressed states, and stronger accents.
  • Tints help with backgrounds, cards, highlights, and soft supporting surfaces.
  • Contrast guidance is meant as a quick visual helper, not a full accessibility audit.

Perguntas frequentes

Can I use this for UI token planning?expand_more

Yes. It is useful for quickly drafting primary, hover, background, and muted variants from one starting color.

Does this replace WCAG testing?expand_more

No. It provides a helpful starting point, but critical interfaces should still be checked with full contrast validation.

Continue explorando

Mais ferramentas para usar agora

Abra ferramentas da mesma categoria e outras opcoes populares dentro do Gogotem.

Ver todas as ferramentas arrow_forward