Seletor de cores HEX
Escolha uma cor visualmente e copie seu código HEX com um clique, junto com RGB, HSL e CMYK.
Entrada hex
Resultado · HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSL
hsl(344, 100%, 62%)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
Como usar: Seletor de cores HEX
- 1
Insira uma cor
Digite um código de cor ou escolha uma cor com o seletor: cada campo aceita o formato que exibe.
- 2
Veja a conversão
O resultado é atualizado instantaneamente enquanto você digita, junto com uma pré-visualização da cor em tempo real.
- 3
Copie o código
Copie o valor de que precisa com um clique e cole-o no seu design, no seu CSS ou nas configurações de impressão.
Sobre os códigos de cor HEX
Um código de cor HEX é a forma hexadecimal de uma cor RGB: um # seguido de três pares de dígitos de 00 a FF para vermelho, verde e azul. #000000 é preto, #FFFFFF é branco e #FF0000 é vermelho puro. Maiúsculas e minúsculas não fazem diferença, e a forma curta #F0C se expande para #FF00CC. O HEX é a forma mais comum de escrever cores em CSS, HTML, Figma e outros softwares de design.
Abra a janela de cores para escolher um tom a olho ou digite um código de três ou seis dígitos para ver como ele fica. A ferramenta mostra o resultado HEX em maiúsculas, pronto para colar, e lista a mesma cor em RGB, HSL, HSV e CMYK. Use-a para anotar as cores de uma marca, conferir um código de uma folha de estilos ou obter o valor exato de um tom de que você gostou.
Tudo funciona localmente no seu navegador: suas imagens nunca são enviadas para um servidor.