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.
Cómo usarla
- Introduce un color en cualquier formato Escribe un código HEX o ajusta los canales RGB o HSL.
- 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