Verificador de contraste
Confira o contraste conforme WCAG 2.2, com prévia e resultados AA e AAA para texto normal e grande.
Conversor de cores
Converta HEX, RGB e HSL com transparência, veja a amostra e copie valores CSS prontos para usar.
Edite HEX, RGB ou HSL. Os outros formatos e a prévia são atualizados juntos.
Sobre a ferramenta
Leve a cor de um layout para CSS a partir do formato disponível. A conversão usa sRGB, sem CMYK ou cores especiais de impressão.
Como usar
Informe uma cor ou use o seletor e ajuste a opacidade. Aceita HEX de 3, 4, 6 ou 8 dígitos e RGB/HSL com alfa. Canais RGB usam 0–255 ou porcentagens; saturação e luminosidade HSL usam porcentagens. Valores fora do intervalo são recusados. Não converte CMYK nem espaços de gama ampla.
HEX, RGB e HSL têm campos editáveis próprios. Alterar um atualiza os outros sem reescrever o texto nem mover o cursor do campo ativo. Valores incompletos ou inválidos são marcados, e a cópia fica indisponível até a correção.
Perguntas frequentes
Onde fica o alfa no HEX de oito dígitos?
CSS usa #RRGGBBAA: os dois últimos dígitos representam alfa. Essa ordem difere do ARGB de alguns programas. RGB e HSL também aceitam transparência.
Quais sintaxes RGB e HSL posso colar?
Por exemplo, rgb(255 0 0 / 50%) ou hsl(0 100% 50%). A sintaxe com vírgulas também funciona, mas não deve ser misturada com a de barra. Nomes de cores e CMYK não são aceitos.
Por que 50% de opacidade muda um pouco em HEX?
HEX oferece 256 níveis alfa. 0,5 é arredondado para 80, que representa 128/255. Use RGB ou HSL quando precisar do alfa decimal, em vez de HEX com oito dígitos.
Ferramentas relacionadas
Abre em uma nova aba
Comentários
0