Conversor de Cores: HEX, RGB, HSL e OKLCH
Informe a cor em qualquer formato e veja os outros na hora, junto com a prévia e o contraste.
Processado no seu navegador — nada é enviado ou armazenado.
HEX
#2d54cf
RGB
rgb(45, 84, 207)
HSL
hsl(226, 64%, 49%)
OKLCH
oklch(0.4964 0.1952 265.91)
Contraste
Com texto branco: 6.4:1 · com texto preto: 3.28:1
Sobre esta cor, o texto branco lê melhor. As diretrizes de acessibilidade pedem 4,5:1 para texto comum e 3:1 para texto grande.
Formatos aceitos
- HEX: #1a73e8, com ou sem cerquilha, e a forma curta #abc.
- HEX com transparência: #1a73e880.
- RGB: rgb(26, 115, 232), rgb(26 115 232) e rgba(26, 115, 232, 0.5).
- HSL: hsl(214, 82%, 51%) e hsla(...).
Por que OKLCH
HSL tem um defeito conhecido: duas cores com a mesma "claridade" podem parecer muito diferentes — amarelo a 50% salta aos olhos, azul a 50% some. Isso atrapalha quem monta paletas.
OKLCH corrige isso descrevendo a cor como nós a percebemos: claridade, intensidade e matiz. Mesma claridade ali significa mesmo peso visual. É por isso que este site usa OKLCH na própria paleta.
Contraste
A razão de contraste vai de 1 a 21 e diz se um texto é legível sobre a cor. As diretrizes de acessibilidade pedem no mínimo 4,5 para texto normal e 3 para texto grande.
Mostramos o contraste com branco e com preto, e qual dos dois lê melhor — a decisão mais comum ao escolher a cor de um botão.
Perguntas frequentes
Qual a diferença entre #abc e #aabbcc?
Nenhuma. A forma curta repete cada dígito, então #abc é exatamente #aabbcc. Ela existe só por comodidade.
O que são os dois dígitos extras no HEX?
São a transparência, de 00 (invisível) a ff (opaco). #1a73e880 é o mesmo azul com metade da opacidade.
Por que o HSL convertido não volta exatamente à cor original?
Porque o HSL é exibido com números inteiros. Esse arredondamento pode deslocar a cor em um ou dois pontos de RGB — é limite do formato, não erro da conversão.
Que contraste eu preciso atingir?
4,5 para texto comum e 3 para títulos grandes atendem ao nível AA das diretrizes de acessibilidade. Acima de 7 o texto atende ao nível AAA.
Ferramentas relacionadas
Conversor de Unidades
Converta comprimento, peso, temperatura, volume e área entre as unidades mais usadas.
Gerador de QR Code
Crie QR Codes de link, texto, telefone, e-mail ou Wi-Fi e baixe em PNG ou SVG.
Base64 Encoder/Decoder
Converta texto para Base64 e decodifique Base64 para texto.
Conversor de Timestamp Unix
Converta timestamp Unix em data legível e datas em timestamp, em segundos ou milissegundos.