Cor e design

Conversor HEX, RGB e HSL

Escolha uma cor visualmente ou converta códigos HEX, RGB e HSL nos dois sentidos.

Processado localmente

Resultado

HEX: #4F46E5
RGB: rgb(79 70 229)
HSL: hsl(243.4 75.36% 58.63%)

Ajuda e método

Digite HEX, RGB ou HSL, ou use o seletor. RGB usa 0–255; matiz HSL é um ângulo e saturação/luminosidade são porcentagens. Apenas sRGB opaco, sem alfa.

Métodos e confiabilidade

Exemplo resolvido

Um exemplo para testar ou adaptar aos seus valores.

Cor HEX: #FF0000

Resultado

RGB: rgb(255 0 0) HSL: hsl(0 100% 50%)

Testar estes valores