O que é Gerador de Códigos de Cor CSS?

Um gerador de código de cor CSS que converte qualquer cor em todos os formatos compatíveis com CSS: HEX, RGB, RGBA, HSL, HSLA e cores nomeadas do CSS. Escolha uma cor visualmente ou insira em qualquer formato e obtenha todos os outros instantaneamente.

Como usar

1. Selecione uma cor usando o seletor visual ou insira um valor em qualquer formato suportado (HEX, RGB, HSL).
2. Visualize a cor exibida em todos os formatos CSS simultaneamente, com cópia em um clique para cada formato.
3. Ajuste a opacidade com o controle deslizante alfa para obter valores RGBA e HSLA, depois copie o código CSS necessário.

Resultado

Um desenvolvedor frontend escolhe o laranja da marca #F97316 e obtém instantaneamente rgb(249, 115, 22), hsl(25, 95%, 53%) e todos os outros formatos para usar de forma consistente em sua folha de estilos.

Ferramentas relacionadas