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
- Selecione uma cor usando o seletor visual ou insira um valor em qualquer formato suportado (HEX, RGB, HSL).
- Visualize a cor exibida em todos os formatos CSS simultaneamente, com cópia em um clique para cada formato.
- 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
Conversor de códigos de cor
Converta códigos de cor HEX, RGB, HSL e CMYK
Verificador de contraste de cor
Verifique proporções de contraste WCAG de acessibilidade
Conversor de cores
Converta códigos HEX, RGB, HSL, HSV e CMYK
Misturador de cores
Misture duas cores visualmente
Identificador de nome de cor
Encontre a cor nomeada mais próxima de qualquer valor
Localizador de cores complementares
Encontre cores complementares para qualquer entrada