Conversor de Códigos de Cor

Todas as ferramentas

Converta cores entre HEX, RGB, RGBA, HSL, HSLA, HSV e CMYK — escolha uma cor, ajuste o alfa e copie qualquer formato instantaneamente.

#FFFFFF
Canais
R
G
B
Formatos de cor

Escreva qualquer valor HEX, RGB(A) ou HSL(A) e todos os outros formatos atualizam instantaneamente.

Paleta rápida

Guia de formatos de cor

HEX é um código hexadecimal de 6 dígitos como #3B82F6 que armazena os canais vermelho, verde e azul (00–FF cada). É a forma mais comum de definir cores em HTML e CSS.

Um HEX de 8 dígitos como #3B82F6CC adiciona um último par de dígitos para a opacidade (alfa). Use-o para cores transparentes no CSS moderno sem um valor rgba() separado.

RGB define uma cor por valores de vermelho, verde e azul de 0 a 255, por ex. rgb(59, 130, 246). Corresponde à forma como as telas emitem luz e é ideal para web e design digital.

RGBA é o RGB com um canal alfa de 0 (transparente) a 1 (opaco), por ex. rgba(59, 130, 246, 0.5). Use-o para sobreposições, sombras e efeitos ao passar o mouse.

HSL descreve uma cor por matiz (0–360°), saturação e luminosidade, por ex. hsl(217, 91%, 60%). É intuitivo para ajustar cores e criar paletas manualmente.

HSLA é o HSL com um canal alfa para a opacidade, por ex. hsla(217, 91%, 60%, 0.5). Combina a legibilidade do HSL com o controle de transparência.

HSV, também chamado HSB, usa matiz, saturação e valor (brilho), por ex. hsv(217, 76%, 96%). É o modelo dos seletores de cor da maioria dos softwares de design.

CMYK é um modelo subtrativo de percentuais de ciano, magenta, amarelo e preto (key), por ex. cmyk(76%, 47%, 0%, 4%). É o padrão para impressão, então confirme cores críticas com o perfil da sua gráfica.

Use HEX ou RGB para sites e acrescente alfa (RGBA, HSLA ou HEX de 8 dígitos) quando precisar de transparência. Use HSL ou HSV para criar paletas e CMYK para preparar arquivos de impressão.
Partilhar
Ferramentas Relacionadas
Localizador de Cores com Nome Encontre a cor CSS nomeada mais próxima e o tom Tailwind mais próximo de qualquer cor — correspondência percetual, com valores prontos a copiar. Gratuito
Conta-Gotas de Ecrã Amostre qualquer píxel do seu ecrã com o conta-gotas, ou escolha cores de uma imagem largada, e reúna-as numa paleta pronta a copiar. Gratuito
Correspondência de Cores Pantone Procure qualquer código Pantone solid-coated para ler os seus valores HEX, RGB e CMYK, ou introduza uma cor HEX/RGB e encontre instantaneamente a correspondência Pantone mais próxima — tudo no seu navegador. Gratuito
Misturador de Cores Misture uma cor inicial com uma cor final em até 10 passos — pré-visualize o gradiente, obtenha cada tom e copie qualquer formato instantaneamente. Gratuito
Exportador de Paletas Cole ou importe um conjunto de cores e exporte-as instantaneamente para variáveis CSS, SCSS, configuração Tailwind, JSON ou amostras SVG — o passo final para qualquer paleta. Gratuito
Ecrã totalmente vermelho Preencha todo o ecrã com vermelho puro para testar o canal do sub-pixel vermelho e revelar pixels mortos num campo colorido. Grátis e funciona no seu navegador. Gratuito
Pesquisas populares
conversor de código de cor hex para rgb rgb para hex hex para hsl converter formatos de cor conversor de cores online
Precisa de ajuda?
Encontrou um problema com esta ferramenta? Avise a nossa equipa.
Relatar um problema

Adicione esta ferramenta gratuita ao seu próprio site — copie e cole o código abaixo.