Conversor de colores

Convierte colores CSS entre HEX, RGB y HSL conservando alfa.

Pega la entrada o elige un archivo, ajusta las opciones y procesa localmente. Revisa el resultado antes de copiarlo o descargarlo.

HEX de 3/4/6/8 dígitos, RGB numérico 0–255 y HSL con saturación y luminosidad 0–100 %. Sin nombres CSS, var(), Lab, CMYK ni perfiles de gama amplia. HSL se redondea a 2 decimales; una conversión de ida y vuelta puede variar ligeramente.

Cómo utilizar

¿Qué hace esta herramienta?

Convierte colores CSS entre HEX, RGB y HSL conservando alfa. Usa valores sRGB y redondea la salida para copiarla en CSS corriente.

Conversor de colores

Convierte colores CSS entre HEX, RGB y HSL conservando alfa. Usa valores sRGB y redondea la salida para copiarla en CSS corriente.

Paso a paso

  1. Pega la entrada o elige un archivo, ajusta las opciones y procesa localmente. Revisa el resultado antes de copiarlo o descargarlo.
  2. HEX admite 3, 4, 6 u 8 dígitos; RGB va de 0 a 255. HSL usa porcentajes para saturación y luminosidad; alfa acepta una fracción o un porcentaje.

Cómo elegir los ajustes

OpciónQué cambia
OpcionesHEX admite 3, 4, 6 u 8 dígitos; RGB va de 0 a 255. HSL usa porcentajes para saturación y luminosidad; alfa acepta una fracción o un porcentaje.
LímitesHEX de 3/4/6/8 dígitos, RGB numérico 0–255 y HSL con saturación y luminosidad 0–100 %. Sin nombres CSS, var(), Lab, CMYK ni perfiles de gama amplia. HSL se redondea a 2 decimales; una conversión de ida y vuelta puede variar ligeramente.

Ejemplo y resultado esperado

#2563EB equivale a RGB 37, 99, 235 y HSL 221,21°, 83,19 %, 53,33 %. El valor copiado usa el punto decimal requerido por CSS.

Si no funciona

  • Revisa sintaxis y rangos. Sustituye variables o nombres por un valor explícito compatible; pequeños cambios al volver de HSL pueden deberse al redondeo.

Formatos y límites

HEX de 3/4/6/8 dígitos, RGB numérico 0–255 y HSL con saturación y luminosidad 0–100 %. Sin nombres CSS, var(), Lab, CMYK ni perfiles de gama amplia. HSL se redondea a 2 decimales; una conversión de ida y vuelta puede variar ligeramente.

Preguntas frecuentes

¿Qué hace esta herramienta?

Convierte colores CSS entre HEX, RGB y HSL conservando alfa. Usa valores sRGB y redondea la salida para copiarla en CSS corriente.

¿Qué ajuste debo elegir?

HEX admite 3, 4, 6 u 8 dígitos; RGB va de 0 a 255. HSL usa porcentajes para saturación y luminosidad; alfa acepta una fracción o un porcentaje.

¿Cuáles son los límites?

HEX de 3/4/6/8 dígitos, RGB numérico 0–255 y HSL con saturación y luminosidad 0–100 %. Sin nombres CSS, var(), Lab, CMYK ni perfiles de gama amplia. HSL se redondea a 2 decimales; una conversión de ida y vuelta puede variar ligeramente.

¿Por qué falló el procesamiento?

Revisa sintaxis y rangos. Sustituye variables o nombres por un valor explícito compatible; pequeños cambios al volver de HSL pueden deberse al redondeo.

¿Se sube o guarda mi entrada?

No. El procesamiento se realiza en tu dispositivo. Las entradas y los resultados permanecen en la memoria de esta página hasta que la borres o salgas. ToolRobin no los sube, registra ni almacena. Copiar coloca el resultado en el portapapeles de tu dispositivo.