Cada cor, descodificada
Valores Hex, RGB, HSL, CMYK. Harmonias de cores, tons Tailwind, contraste WCAG.
Insira qualquer código hex de 6 dígitos
Cores em destaque
Marcas em destaque
Ver tudo →
Organize the world's information
4 cores
Apple
Think different
3 cores
Microsoft
Empower every person and organization
4 cores
Amazon
Work hard. Have fun. Make history.
2 cores
Meta
Helping people connect
1 cor
Bringing the world closer together
2 cores
YouTube
Broadcast yourself
1 cor
Capture and share the world's moments
3 cores
Coleções em destaque
Ver tudo →Ferramentas de cores
Ver tudo →Verificador de contraste
Verifique as proporções de contraste de cores de acordo com as diretrizes WCAG 2.1. Teste a conformidade AA e AAA para texto normal e grande.
Conversor de cores
Converta entre os formatos de cor HEX, RGB, HSL, HSV, CMYK e OKLCH instantaneamente.
Gerador de paletas
Gere paletas de cores harmoniosas usando esquemas complementares, análogos, triádicos e complementares divididos.
Gerador de tons
Gere escalas de tons estilo Tailwind CSS (50–950) a partir de qualquer cor base para sistemas de design.
Simulador de daltonismo
Simule como as cores aparecem com deuteranopia, protanopia, tritanopia e acromatopsia.
Gerador de gradientes
Crie belos gradientes CSS lineares e radiais com pré-visualização ao vivo e código pronto para copiar.
Artigos recentes
Ver tudo →CSS color-mix(): Misture Cores Nativamente no Navegador
Aprenda CSS color-mix() para misturar cores nativamente no navegador. Domine a sintaxe, espaços de cores, casos de uso práticos e crie paletas dinâmicas sem JavaScript.
Jan 26, 2026
TutoriaisCriando um Seletor de Cores como Web Component do Zero
Crie um seletor de cores acessível como Web Component. Implemente renderização em canvas, sliders de matiz, canais alfa e eventos customizados com Shadow DOM.
Jan 21, 2026
TutoriaisEspaços de Cor Perceptuais: Lab, LCH, Oklab, OKLCH
Explore espaços de cor perceptualmente uniformes — CIE Lab, LCH, Oklab e OKLCH. Aprenda como cada um foi projetado, onde se destaca e qual usar para CSS e trabalho de design.
Jan 15, 2026
TutoriaisProva de Cores: Garantindo Cores de Impressão Precisas
Aprenda técnicas de soft proofing, hard proofing e prova de prensa para garantir reprodução precisa de cores na impressão, da tela ao produto final.
Jan 10, 2026