¿Qué es Generador de Códigos de Color CSS?

Un generador de códigos de color CSS que convierte cualquier color a todos los formatos compatibles con CSS: HEX, RGB, RGBA, HSL, HSLA y colores con nombre de CSS. Selecciona un color visualmente o introduce cualquier formato y obtén todos los demás al instante.

Cómo usar

1. Selecciona un color usando el selector visual o introduce un valor en cualquier formato compatible (HEX, RGB, HSL).
2. Visualiza el color en todos los formatos CSS de forma simultánea, con copiado en un solo clic para cada formato.
3. Ajusta la opacidad con el control deslizante alfa para obtener valores RGBA y HSLA, y luego copia el código CSS que necesitas.

Resultado

Un desarrollador frontend elige el naranja de su marca #F97316 y obtiene al instante rgb(249, 115, 22), hsl(25, 95%, 53%) y todos los demás formatos para utilizarlos de forma coherente en toda su hoja de estilos.

Herramientas relacionadas