Conversor de colores

Introduce un color como HEX o RGB para verlo al instante convertido a HEX, RGB y HSL, con una muestra de vista previa en vivo.

RGB
rgb(79, 124, 255)
HSL
hsl(225, 100%, 65%)

Your files are processed locally in your browser. They are not uploaded to our servers.

Cómo se usa

  1. Escribe un código de color HEX de 6 dígitos, o ajusta los campos numéricos R, G y B.
  2. La muestra y los valores RGB y HSL se actualizan en vivo mientras escribes.
  3. Copia el formato que necesites.

¿Qué es esta herramienta?

El Conversor de colores toma un color en formato HEX o RGB y muestra al instante el valor equivalente en los tres formatos de color web más comunes: HEX, RGB y HSL, junto a una muestra de color en vivo. Todos los cálculos se hacen localmente en tu navegador.

Usos habituales

  • Convertir el color HEX de una herramienta de diseño a RGB o HSL listos para CSS
  • Ajustar el tono, la saturación o la luminosidad de un color con HSL
  • Comprobar cómo se ve realmente un código HEX antes de usarlo
  • Traducir un color de marca entre formatos para distintas herramientas

Herramientas relacionadas

Preguntas frecuentes

¿Qué formatos HEX se admiten?

Se admiten códigos HEX estándar de 6 dígitos como #4f7cff, con o sin el # inicial.

¿Puedo editar los valores RGB directamente?

Sí, los campos numéricos R, G y B son editables y actualizan al instante los valores HEX y HSL.

¿Para qué sirve HSL?

HSL (tono, saturación, luminosidad) facilita crear variantes más claras, más oscuras o más saturadas del mismo color.