Conversor de Código de Color

Conversor de Código de Color

Convierte valores de color HEX, RGB y HSL, o elige un color con el selector. Para entradas válidas, la herramienta muestra los valores equivalentes en HEX, RGB, HSL y HSB.

La vista previa se actualiza para colores válidos, y el nombre CSS solo aparece cuando el color exacto está en la lista de nombres compatibles.

Casos de uso comunes

Traducir valores de diseño

Convierte un color HEX de una maqueta en rgb(...) o hsl(...) para usarlo en CSS.

Revisar un color rápidamente

Usa el selector y la vista previa para inspeccionar un color antes de copiarlo.

Normalizar HEX corto

Pega un valor como #f00 y copia la salida HEX normalizada de seis dígitos.

Cómo usar

1. Introduce un valor HEX, RGB, HSL o un nombre CSS compatible.
2. O elige un color con el selector.
3. Revisa las salidas HEX, RGB, HSL y HSB.
4. Usa Copiar junto al valor que necesites.

Notas y limitaciones

Esta herramienta convierte formatos de color. No comprueba contraste de accesibilidad ni genera paletas.

• HEX admite #RGB, #RRGGBB, RGB y RRGGBB.
• RGB usa rgb(r, g, b) con enteros de 0 a 255.
• HSL usa hsl(h, s%, l%) con tono 0-360 y porcentajes 0-100.
• HSB solo se muestra como salida; esta herramienta no acepta HSB como entrada.
• No admite canales alfa, lab(), lch() ni oklch().
• Los nombres CSS compatibles son un subconjunto, no la lista completa de nombres CSS.

Privacidad y procesamiento

El análisis y la conversión del color se ejecutan en el navegador con JavaScript. El código de esta herramienta no envía tu entrada de color a un servidor.