100% no navegador
Ferramentas de Cor
Ferramentas de cores gratuitas para designers e desenvolvedores — converta entre HEX, RGB, HSL, CMYK, HSV e mais, crie paletas harmoniosas, verifique o contraste WCAG, misture e sombreie cores e encontre a cor nomeada mais próxima.
◑
Gerador de Paleta de Cores
Gere paletas complementares, análogas, triádicas e tetrádicas a partir de qualquer cor base.
◐Verificador de Contraste de Cores
Verifique a razão de contraste WCAG entre uma cor de texto e de fundo com resultados AA/AAA.
◓Misturador de Cores
Misture duas cores em uma proporção ajustável e obtenha o valor HEX resultante.
▦Tons Claros e Escuros de Cor
Gere uma gama de tons mais claros e mais escuros a partir de qualquer cor base.
🎨Cores Nomeadas do CSS
Navegue e pesquise as mais de 140 cores nomeadas do CSS com seus valores HEX.
⚂Gerador de Cor Aleatória
Gere uma cor aleatória e visualize-a como HEX, RGB e HSL.
◔Simulador de Daltonismo
Simule como uma cor aparece com protanopia, deuteranopia e tritanopia.
#αHEX ⇄ RGBA
Converta entre códigos de cor HEX com alfa e a notação rgba(), com pré-visualização ao vivo.
#?Formatos de Cor CSS
Veja uma cor em todos os formatos CSS: hex, rgb(), hsl() e hwb().
twGerador de Paleta Tailwind
Gere uma escala de tons 50–950 no estilo Tailwind a partir de qualquer cor base.
🖼◑Extrator de Cores de Imagem
Extraia as cores dominantes de uma imagem enviada como amostras hex.
◐◑Gerador de Duotone
Crie um gradiente duotone de duas cores com CSS copiável.
cmykConversor de CMYK para RGB
Converta cores entre CMYK e RGB/HEX com uma amostra ao vivo.
hsvConversor HSV / HSB
Converta cores entre HSV/HSB e RGB/HEX com uma amostra ao vivo.
◑?Cor Nomeada Mais Próxima
Encontre as cores nomeadas do CSS mais próximas de qualquer cor escolhida.
#abcCor a Partir de Texto
Gere uma cor determinística a partir de qualquer cadeia de texto.