Conversor de colores — HEX, RGB, HSL y alfa

Cómo convertir

1. Introduce un HEX con # o una función rgb/rgba/hsl/hsla compatible. El ejemplo rellena #33669980 sin convertir; usa punto decimal.
2. Pulsa Convertir. El color sin redondear y el alfa independiente generan cada formato por separado; editar la entrada elimina el resultado anterior.
3. Copia un código o las tres líneas. Revisa los avisos de redondeo y del byte alfa; la muestra no está calibrada.

Canales y sintaxis

HEX3/4 duplica los dígitos; HEX6/8 usa bytes, con alfa al final. RGB admite números 0–255 o porcentajes 0–100%. La sintaxis moderna usa espacios y barra; la antigua usa comas y no mezcla números y porcentajes.

HSL usa grados, opcionalmente con deg, y porcentajes de saturación y luminosidad. El tono es cíclico; la luminosidad HSL no es luminancia relativa. El cálculo usa sRGB codificado.

Alfa es independiente de RGB: alfa cero no borra el color ni lo mezcla con un fondo. En HEX8, 0.5 se convierte en el byte 128, es decir 128/255.

Con canales RGB iguales se usa H=0 y S=0; no se puede recuperar un tono original único. Con croma distinto de cero se conserva el tono matemático sin umbral de tolerancia.

Ejemplos y redondeo

#33669980 contiene bytes 51, 102, 153 y alfa 128/255. Los canales codificados 0.2, 0.4, 0.6 dan HSL 210°, 50%, 40%; el alfa funcional se redondea a 0.50196078.

hsl(210 100% 50% / .5) produce RGB 0, 127.5, 255. Los empates de canal y alfa se redondean hacia arriba: HEX #0080FF80, mientras la función conserva alfa 0.5.

rgb(17 34 51 / 99.999999%) conserva alfa funcional 0.99999999, pero el byte se redondea a FF: #112233FF. Con 0.000001%, la función conserva 0.00000001 y el byte pasa a 00.

Límites

Antes de eliminar espacios se admiten 256 unidades UTF-16 y 16 caracteres ASCII por número. RGB numérico y alfa numérico admiten 8 decimales; porcentajes y HSL, 6. No se admiten exponentes; tono entre ±1000000°. Se rechazan valores fuera de rango.

No se admiten nombres, transparent, currentColor, none, comentarios, variables, cálculos, otros espacios ni unidades angulares. HSL exige porcentajes S/L. Parte de esta sintaxis sí es válida en CSS.

HEX redondea al byte más cercano, con empates hacia arriba; RGB y alfa funcional usan hasta 8 decimales, HSL hasta 6. Un tono redondeado a 360 pasa a 0. No se garantiza una conversión inversa exacta.

No hay conversión ICC, CMYK o de gama amplia, clasificación de contraste ni certificación de coincidencia. La muestra ilustra el RGB generado; la luminosidad HSL no evalúa la accesibilidad.

Privacidad

El cálculo ocurre en el navegador sin cargas, cuenta, historial, registro de entrada ni enlace con el color añadidos por la herramienta. La copia se realiza a petición; si falla, se ofrece texto de solo lectura. Los demás servicios siguen las políticas del sitio.