Seletor e conversor de cores
HEX, RGB, HSL, contraste e escala de tons.
Como usar: seletor e conversor de cores
Escolha uma cor e obtenha seus valores em HEX, RGB e HSL prontos para copiar no seu CSS. Inclui a verificação de contraste com texto branco e preto segundo as WCAG e uma escala de tons para montar paletas.
Qual contraste mínimo a acessibilidade exige?
O nível AA das WCAG pede uma razão de contraste de 4,5:1 para texto normal e 3:1 para texto grande.
Qual a diferença entre HEX, RGB e HSL?
São três formas de escrever a mesma cor: HEX em hexadecimal (#ff7a5c), RGB com vermelho, verde e azul, e HSL com matiz, saturação e luminosidade, mais intuitivo para criar variações.