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.

Converter e identificar cores

#α

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().

cmyk

Conversor de CMYK para RGB

Converta cores entre CMYK e RGB/HEX com uma amostra ao vivo.

hsv

Conversor HSV / HSB

Converta cores entre HSV/HSB e RGB/HEX com uma amostra ao vivo.

🎨

Cores Nomeadas do CSS

Navegue e pesquise as mais de 140 cores nomeadas do CSS com seus valores HEX.

◑?

Cor Nomeada Mais Próxima

Encontre as cores nomeadas do CSS mais próximas de qualquer cor escolhida.

Criar paletas e escalas de cor

◑

Gerador de Paleta de Cores

Gere paletas complementares, análogas, triádicas e tetrádicas a partir de qualquer cor base.

▦

Tons Claros e Escuros de Cor

Gere uma gama de tons mais claros e mais escuros a partir de qualquer cor base.

Gerador de Paleta Tailwind

Gere uma escala de tons 50–950 no estilo Tailwind a partir de qualquer cor base.

◓

Misturador de Cores

Misture duas cores em uma proporção ajustável e obtenha o valor HEX resultante.

🖼◑

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.

Verificar contraste e visão de cores

◐

Verificador de Contraste de Cores

Verifique a razão de contraste WCAG entre uma cor de texto e de fundo com resultados AA/AAA.

◔

Simulador de Daltonismo

Simule como uma cor aparece com protanopia, deuteranopia e tritanopia.

Gerar cores

⚂

Gerador de Cor Aleatória

Gere uma cor aleatória e visualize-a como HEX, RGB e HSL.

#abc

Cor a Partir de Texto

Gere uma cor determinística a partir de qualquer cadeia de texto.

Nenhuma ferramenta corresponde a isso.