Nada é enviado
Conversor de cores
Digite ou escolha uma cor em qualquer formato e veja ela em HEX, RGB, HSL, HSV, CMYK e OKLCH, com o nome CSS e se ela fica legível como texto sobre branco e sobre preto.
HEX, rgb(), hsl(), hsv(), cmyk(), oklch() ou um nome CSS como tomato.
Contraste
Sobre branco 3,24:1
- AA, texto normal: Não passa
- AA, texto grande: Passa
- AAA, texto normal: Não passa
- AAA, texto grande: Não passa
Sobre preto 6,49:1
- AA, texto normal: Passa
- AA, texto grande: Passa
- AAA, texto normal: Não 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.
- HEX
- #1e90ff
- RGB
- rgb(30, 144, 255)
- HSL
- hsl(209.6, 100%, 55.9%)
- HSV (HSB)
- hsv(209.6, 88.2%, 100%)
- CMYK (aproximado)
- cmyk(88.2%, 43.5%, 0%, 0%)
- OKLCH
- oklch(65.2% 0.1901 253.21)
- Nome CSS
- dodgerblue
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.
Isso economizou seu tempo? O DigiTools é gratuito, sem anúncios e sem cadastro. Deixe uma gorjeta (abre em uma nova aba) para ajudar a mantê-lo assim.
Conte aos outros o que achou: avalie o DigiTools no Trustpilot (abre em uma nova aba).
Como converter uma cor
- Digite ou cole uma cor, como #1e90ff, rgb(30, 144, 255) ou tomato, ou escolha uma no seletor de cores.
- Veja a cor em todos os formatos; cada um tem seu botão de copiar.
- Confira o contraste: a proporção sobre branco e sobre preto, e se um texto nessa cor passa nos níveis AA e AAA das WCAG.
Perguntas frequentes
Como converter HEX para RGB?
Uma cor hexadecimal são três pares de dígitos: vermelho, verde e azul. Cada par é um número de 0 a 255, então em #1e90ff, 1e é 30, 90 é 144 e ff é 255: rgb(30, 144, 255). Um código curto repete cada dígito: #fa0 é #ffaa00.
O que são códigos HEX de 8 dígitos e o alfa?
O último par é a opacidade, de 00 (transparente) a ff (sólido). #1e90ff80 é mais ou menos meio transparente, o mesmo que rgba(30, 144, 255, 0.5).
Por que o CMYK é só aproximado?
A tela mistura luz e a impressora mistura tinta, e o resultado da tinta depende da impressora, do papel e do perfil de cor. Este conversor usa a fórmula simples, sem perfil, que serve como ponto de partida. Para impressão, converta no seu programa de design com o perfil da gráfica.
O que é OKLCH?
Um jeito mais novo de escrever cores no CSS: luminosidade, croma (o quanto a cor é viva) e matiz, pensado para que passos iguais pareçam igualmente diferentes, o que ajuda muito a montar paletas. Uma cor que a tela não consegue mostrar é ajustada com menos croma.
Qual contraste um texto precisa ter?
As WCAG 2 pedem pelo menos 4,5:1 entre o texto e o fundo (nível AA), ou 3:1 para texto grande: 24 px, ou 18,66 px em negrito. O nível AAA pede 7:1 e 4,5:1. As proporções não são arredondadas para cima, então 4,49:1 não passa no AA.