Herramienta para desarrolladores

Convertidor de color

Convierte un color entre HEX, RGB y HSL, con vista previa.

Convertidor de color Se ejecuta en tu dispositivo
  • Se ejecuta en tu navegador — tu texto no se envía a ningún sitio
  • Sin registro, sin cuotas, gratis para usar tantas veces como quieras

Cómo funciona

Las tres formas habituales de escribir un color sirven para tareas distintas. HEX es compacto y es lo que te dan las herramientas de diseño. RGB refleja cómo funcionan realmente las pantallas. HSL es la que los humanos pueden razonar, porque ajustar la luminosidad o la saturación es un solo número.

Por qué vale la pena conocer HSL

En HSL, una versión más clara de un color es el mismo tono y la misma saturación con una luminosidad mayor. En HEX o RGB, el mismo cambio implica recalcular tres valores que no guardan una relación obvia con lo que querías.

Qué acepta

Hex de tres o seis dígitos con o sin almohadilla, rgb() o rgba(), y hsl() o hsla(). El alfa se ignora, ya que se escribe igual en todas las notaciones.

Preguntas frecuentes

Convertidor de color: preguntas

¿Admite transparencia?

Los valores alfa se aceptan en la entrada pero no se convierten, ya que el alfa se escribe igual en todas las notaciones.

¿Puedo pegar un nombre de color como red?

Por ahora no; indica un valor hex, rgb() o hsl().

¿Se envía algo a un servidor?

No, la conversión ocurre en la página.