HEX · RGB · HSL · HSV · CMYK
Conversor de cores
A cor #0060fd é rgb(0, 96, 253), hsl(217, 100%, 50%) e cmyk(100%, 62%, 0%, 1%). Digite qualquer cor CSS ou use o seletor para converter a sua.
- #0060fd = rgb(0, 96, 253)
- #0060fd = hsl(217, 100%, 50%)
- #0060fd = cmyk(100%, 62%, 0%, 1%)
- red = #ff0000
Os blocos se atualizam enquanto você digita. Se o texto não for uma cor, aparece um erro e a última cor válida continua na tela.
Scanned by 
NortonTM Safe Web
Resumo
- Preço
- Sem custo
- Conta
- Não é necessária
- Envio
- Não se aplica — você digita uma cor, nada é enviado a lugar nenhum
- Entrada
- HEX (3, 4, 6 ou 8 dígitos), rgb(), hsl(), hwb(), 148 nomes de cores CSS e transparent
- Saída
- HEX, RGB, HSL, HSV, CMYK e o nome de cor CSS mais próximo
- CMYK
- Conversão matemática, não um perfil de impressão
Cores comuns em todos os modelos
Estas linhas foram geradas pelo mesmo código do conversor. HSL, HSV e CMYK são arredondados para números inteiros.
| Digitado | HEX | RGB | HSL | HSV | CMYK |
|---|---|---|---|---|---|
| #0060fd | #0060fd | rgb(0, 96, 253) | hsl(217, 100%, 50%) | hsv(217, 100%, 99%) | cmyk(100%, 62%, 0%, 1%) |
| red | #ff0000 | rgb(255, 0, 0) | hsl(0, 100%, 50%) | hsv(0, 100%, 100%) | cmyk(0%, 100%, 100%, 0%) |
| white | #ffffff | rgb(255, 255, 255) | hsl(0, 0%, 100%) | hsv(0, 0%, 100%) | cmyk(0%, 0%, 0%, 0%) |
| black | #000000 | rgb(0, 0, 0) | hsl(0, 0%, 0%) | hsv(0, 0%, 0%) | cmyk(0%, 0%, 0%, 100%) |
| grey | #808080 | rgb(128, 128, 128) | hsl(0, 0%, 50%) | hsv(0, 0%, 50%) | cmyk(0%, 0%, 0%, 50%) |
| transparent | #00000000 | rgba(0, 0, 0, 0) | hsla(0, 0%, 0%, 0) | hsv(0, 0%, 0%) | cmyk(0%, 0%, 0%, 100%) |
Como converter uma cor
Digite uma cor
Digite um código HEX com 3, 4, 6 ou 8 dígitos, um valor rgb(), hsl() ou hwb(), ou um dos 148 nomes de cores CSS. Você também pode clicar na caixa de cor e escolher uma cor com o seletor do navegador.
Veja os outros modelos
A amostra mostra a cor sobre um fundo xadrez, para que a transparência fique visível. Os blocos mostram a mesma cor em HEX, RGB, HSL, HSV e CMYK, e o nome de cor CSS mais próximo.
Copie o que precisa
Toque em Copiar em um bloco para colocar esse valor na área de transferência, pronto para colar em uma folha de estilo, em uma ferramenta de design ou em um documento.
Como os modelos de cor se relacionam
O RGB descreve uma cor como as quantidades de luz vermelha, verde e azul que uma tela soma, cada uma de 0 a 255; #0060fd é 0 de vermelho, 96 de verde e 253 de azul. O HEX são os mesmos três números escritos na base 16, então 96 é 60 e 253 é fd. HSL e HSV descrevem a mesma cor como um ângulo de matiz de 0 a 360 graus no círculo cromático mais duas porcentagens: saturação e luminosidade (HSL) ou valor (HSV). #0060fd tem matiz 217 nos dois. O CMYK descreve tinta: ciano, magenta, amarelo e preto são subtraídos do papel branco.
O CMYK mostrado aqui é a conversão matemática simples: o preto é 1 menos o maior entre R, G e B, e ciano, magenta e amarelo são o que sobra. Não é um perfil de impressão, então uma gráfica ou um programa de design que use perfis ICC dará números CMYK diferentes para a mesma cor. Os valores HSL são mostrados como números inteiros, então converter de volta um valor arredondado pode mover um canal em algumas unidades: hsl(217, 100%, 50%) é #0062ff, não #0060fd. O nome CSS mais próximo é a palavra-chave com a menor diferença de cor CIE76 no espaço L*a*b*. Tudo roda no seu navegador e nada é enviado a lugar nenhum.
Perguntas sobre o conversor de cores
Como converter HEX em RGB?
Divida os seis dígitos em três pares e leia cada par como um número na base 16. #0060fd é 00, 60 e fd, que são 0, 96 e 253, então a cor é rgb(0, 96, 253). Cole o código HEX no campo e o bloco RGB mostra o resultado.
O que significam os dois últimos dígitos de um código HEX de 8 dígitos?
Eles são o canal alfa, a opacidade, de 00 (totalmente transparente) a ff (totalmente opaco). #0060fd80 é o mesmo azul em 128 de 255, ou seja, cerca de 50.2% de opacidade, e por isso aparece como rgba(0, 96, 253, 0.502). Um código de 4 dígitos como #06f8 funciona da mesma forma, com cada dígito duplicado.
Qual é a diferença entre HSL e HSV?
Ambos usam matiz e saturação, mas o terceiro valor é diferente. No HSL, a luminosidade 50% é a cor pura, 0% é preto e 100% é branco. No HSV, o valor 100% é a versão mais brilhante da cor, e o branco exige saturação 0%. O mesmo azul é hsl(217, 100%, 50%) e hsv(217, 100%, 99%).
Posso usar o resultado CMYK para impressão?
Use-o apenas como ponto de partida. Esta página usa a fórmula simples entre RGB e CMYK, que não sabe nada de tintas, papel ou perfil de impressora. Uma gráfica ou um programa de design com perfil de cor converterá a mesma cor RGB em números CMYK diferentes.
Quais formatos de cor posso digitar?
HEX com ou sem #, em 3, 4, 6 ou 8 dígitos; rgb() e rgba() com vírgulas ou espaços, números ou porcentagens e um alfa opcional depois de uma barra; hsl(), hsla() e hwb() com um ângulo em deg, rad, grad ou turn; os 148 nomes de cores CSS como rebeccapurple; e transparent.
Por que o nome de cor mais próximo não é uma correspondência exata?
O CSS tem apenas 148 nomes de cores, então a maioria das cores não tem nome próprio. A página escolhe o nome cuja cor parece mais próxima, medida pela diferença de cor CIE76 no espaço L*a*b*; para #0060fd é mediumslateblue. Quando a cor é exatamente uma cor nomeada, como #ff0000, a página informa que é uma correspondência exata.