Nada é enviado

Converter HEX para RGB

Digite um código de cor hexadecimal para ver o valor rgb() dele, pronto para o CSS, junto com todos os outros formatos. Códigos de 3, 4, 6 ou 8 dígitos funcionam, com ou sem o #.

HEX, rgb(), hsl(), hsv(), cmyk(), oklch() ou um nome CSS como tomato.

Contraste

Sobre branco 2,95:1

  • AA, texto normal: Não passa
  • AA, texto grande: Não passa
  • AAA, texto normal: Não passa
  • AAA, texto grande: Não passa

Sobre preto 7,13:1

  • AA, texto normal: Passa
  • AA, texto grande: Passa
  • AAA, texto normal: Passa
  • AAA, texto grande: Passa

Para um texto nesta cor sobre fundo branco ou preto (WCAG 2). Texto grande tem 24 px, ou 18,66 px em negrito.

Formatos

Lido como HEX.

RGB
rgb(255, 99, 71)
HEX
#ff6347
HSL
hsl(9.1, 100%, 63.9%)
HSV (HSB)
hsv(9.1, 72.2%, 100%)
CMYK (aproximado)
cmyk(0%, 61.2%, 72.2%, 0%)
OKLCH
oklch(69.62% 0.1955 32.32)
Nome CSS
tomato

O CMYK usa a fórmula simples, sem perfil de cor. As gráficas convertem com o próprio perfil, então use como ponto de partida.

O que você digita fica neste dispositivo. Nada é enviado.

Como converter HEX para RGB

  1. Digite ou cole um código hexadecimal, como #ff6347.
  2. Leia o valor em RGB no topo, com todos os outros formatos embaixo. Ele muda enquanto você digita.
  3. Copie o que precisar e veja se a cor fica legível sobre branco e sobre preto.

Perguntas frequentes

Algo é enviado para um servidor?

Não. As cores são convertidas no seu navegador, neste dispositivo, enquanto você digita, e nada fica guardado.

Como converter HEX para RGB à mão?

Divida o código em três pares e converta cada um de hexadecimal para decimal: multiplique o primeiro dígito por 16 e some o segundo, lembrando que de a a f valem de 10 a 15. Em #ff6347, ff é 15 × 16 + 15 = 255, 63 é 6 × 16 + 3 = 99 e 47 é 71, então a cor é rgb(255, 99, 71).

E os códigos de 3 e de 8 dígitos?

Um código de 3 dígitos repete cada um: #f63 é #ff6633. Um de 8 dígitos acrescenta a opacidade no fim, de 00 a ff: #ff634780 vira rgba(255, 99, 71, 0.502), mais ou menos meio transparente.

Use o DigiTools offline

Guarde todas as ferramentas em português neste dispositivo para que funcionem sem conexão com a internet.

Os modelos de IA não estão incluídos: cada ferramenta de IA baixa o seu na primeira vez que você a usa.

Verificando o tamanho do download…

Adicione o DigiTools à sua Tela de Início

  1. Toque no botão Compartilhar na barra do navegador.
  2. Escolha “Adicionar à Tela de Início”. Talvez seja preciso rolar para baixo para encontrar.
  3. Toque em Adicionar.

Depois, o DigiTools abre na Tela de Início como um app, e as ferramentas que você já abriu funcionam offline.