Herramientas para desarrolladores

Conversor de colores

Introduce un color en HEX, RGB o HSL y mira cómo se actualizan los demás formatos al instante, con una muestra en vivo.

RGB
HSL

Cómo usarla

  1. Introduce un color en cualquier formato Escribe un código HEX o ajusta los canales RGB o HSL.
  2. Lee los demás formatos El resto de formatos y la muestra de vista previa se actualizan al instante.

Ejemplos

#ff0000 rgb(255, 0, 0)
rgb(0, 128, 0) #008000
#ffffff hsl(0, 0%, 100%)

Acerca de esta herramienta

Diseñadores y desarrolladores mueven colores entre formatos continuamente: HEX para CSS y herramientas de diseño, RGB para trabajar con imágenes y HSL para hacer ajustes intuitivos de tono, saturación y luminosidad.

Este conversor enlaza los tres con una vista previa en vivo, de modo que un cambio en un formato actualiza de inmediato los demás. Las conversiones son precisas y funcionan por completo en tu navegador.

Preguntas frecuentes

¿Cuál es la diferencia entre RGB y HSL?

RGB mezcla luz roja, verde y azul. HSL describe un color por tono, saturación y luminosidad, algo que mucha gente encuentra más intuitivo de ajustar.

¿Qué significa un código de color HEX?

Un código HEX como

Herramientas relacionadas

Actualizada el 12 de junio de 2026