Pular para o conteúdo principal
Tooletto

Conversor de HEX para RGB

Uma predefinição de Seletor e conversor de cor

Converta um código de cor hexadecimal para valores RGB. A abreviação como #abc é expandida corretamente para #aabbcc, e cada outro formato é exibido junto para que você pegue o que seu código precisar.

  • Os arquivos nunca saem do seu dispositivo
  • Grátis, sem cadastro
  • Sem marcas d'água
  • Funciona offline depois de carregado
Loading tool…

Como seletor e conversor de cor

  1. 1

    Escolha uma cor

    Use a amostra, ou digite um valor HEX ou RGB diretamente.

  2. 2

    Copie qualquer formato

    HEX, RGB, HSL, HSV e CMYK são todos exibidos de uma vez.

  3. 3

    Verifique o contraste

    Defina um fundo para ver se o texto passa WCAG AA e AAA.

Por que códigos hexadecimais abreviados existem e como são expandidos

Tanto CSS quanto ferramentas de design suportam uma notação hexadecimal abreviada de três caracteres — `#abc` — como uma forma compacta de escrever cores onde cada canal por acaso usa um dígito repetido, e é expandida duplicando cada caractere em vez de preencher com zeros: `#abc` se torna `#aabbcc`, não `#0a0b0c`. Essa distinção importa porque as duas expansões possíveis produzem cores genuinamente distintas, e fazer isso ao contrário ao converter à mão é um erro fácil e comum — duplicar corretamente cada dígito em vez de preencher com zeros é exatamente o que uma conversão adequada precisa acertar.

Lendo valores RGB corretamente em ferramentas diferentes

Valores RGB são convencionalmente escritos como três números de 0 a 255 para vermelho, verde e azul respectivamente, mas a notação exata varia dependendo de onde são colados — CSS aceita `rgb(171, 187, 204)` com vírgulas, algumas ferramentas de design e ilustração esperam os mesmos três números separados por espaços sem vírgulas de jeito nenhum, e alguns poucos contextos expressam cada canal como uma fração de 0 a 1 em vez de um inteiro de 0 a 255. Ver o valor detalhado aqui remove a necessidade de converter manualmente entre a notação específica que uma ferramenta ou base de código de destino por acaso espera.

Uma forma rápida de verificar um valor extraído de uma captura de tela ou arquivo de design

Um código hexadecimal copiado do conta-gotas de uma ferramenta de design, um guia de estilo de marca, ou um seletor de cor de captura de tela é frequentemente o único valor disponível, sem nenhum detalhamento RGB anexado — colá-lo aqui para ver os equivalentes RGB, HSL e CMYK juntos é mais rápido do que procurar cada conversão individualmente ou fazer a aritmética à mão.

Perguntas frequentes

Qual é a diferença entre HEX, RGB e HSL?

HEX e RGB descrevem a mesma coisa em notação diferente — quanto vermelho, verde e azul misturar. HSL reformula isso como matiz, saturação e luminosidade, o que é muito mais fácil de raciocinar: para clarear uma cor você muda um número em vez de adivinhar três.

O que a relação de contraste significa?

Compara a luminância relativa de duas cores em uma escala de 1 (idêntico) a 21 (preto sobre branco). WCAG exige pelo menos 4.5:1 para texto normal e 3:1 para texto grande no nível AA, subindo para 7:1 e 4.5:1 no AAA.

Por que minha cor falha no contraste quando parece boa para mim?

Porque a relação é calculada a partir da luminância relativa, não de quão diferentes duas cores parecem. Duas cores vívidas de brilho similar — laranja sobre vermelho, digamos — parecem distintas mas carregam quase nenhum contraste de luminância, e se tornam ilegíveis para qualquer um com baixa visão ou em uma tela sob o sol.

A conversão para CMYK é precisa para impressão?

É a conversão aritmética padrão, que é um ponto de partida em vez de um resultado com gestão de cor. Trabalho de impressão real precisa de um perfil ICC para a impressora e o papel específicos, porque CMYK não consegue reproduzir de jeito nenhum muitas cores RGB brilhantes.