Conversor de colores HEX, RGB y HSL

Escribe un color en HEX, RGB o HSL y mira la conversión automática a los otros formatos, con vista previa.

Para qué sirve

El conversor de colores recibe un color en HEX, RGB o HSL y muestra al instante la conversión a los demás formatos, con una vista previa del tono. Escribes el valor que tienes y obtienes el equivalente que necesitas.

Es útil cuando el código de color está en un formato y tu proyecto pide otro, sin abrir un editor pesado solo para eso.

Los formatos de color

  • HEX: el código de seis dígitos como #1A2B3C, estándar en la web y en CSS.
  • RGB: define el color por la cantidad de rojo, verde y azul, ideal para pantallas.
  • HSL: usa matiz, saturación y luminosidad, ideal para ajustar un tono de forma intuitiva.

Cuándo usarlo

  • Convertir un HEX de una guía de marca al RGB que usa otro programa.
  • Obtener el HSL de un color para aclararlo u oscurecerlo ajustando la luminosidad.
  • Comprobar si dos códigos en formatos distintos representan el mismo color.

Limitaciones

La conversión es matemática entre los espacios RGB y HSL y el formato HEX, sin perfiles de color ni CMYK para impresión. El redondeo puede causar diferencias mínimas de un punto en algunos valores. Todo ocurre en el navegador, sin enviar nada a servidores.

Preguntas frecuentes

¿Cuál es la diferencia entre HEX, RGB y HSL?
HEX es el código estándar de la web y del CSS, RGB define el color por rojo, verde y azul para pantallas, y HSL usa matiz, saturación y luminosidad, más fácil de ajustar a mano.
¿La conversión es exacta?
Sí, dentro del espacio de color de las pantallas. Puede haber una diferencia mínima de redondeo en algunos valores, pero el color de la vista previa corresponde al resultado.
¿Los valores se envían a algún servidor?
No. La conversión ocurre por completo en tu navegador.