Convertidor de Color HEX ↔ RGB ↔ HSL
Escribe o pega un color en cualquier formato — #ff6600, rgb(255, 102, 0) o hsl(24, 100%, 50%) — y obtén los tres formatos al instante, listos para copiar. Incluye un selector de color, tintes y sombras.
🔒 100% privado — tus archivos nunca salen de tu navegador
Tintes (más claros)
Sombras (más oscuras)
Haz clic en cualquier bloque para volver a cargarlo en el conversor.
Cómo usar Convertidor de color
- 1 Elige un color, o pega cualquier valor HEX / RGB / HSL en el cuadro de texto.
- 2 Copia el formato que necesites — HEX, RGB y HSL siempre están sincronizados.
- 3 Usa las filas de tintes y sombras para variaciones más claras u oscuras al instante.
Preguntas frecuentes
¿Cuál es la diferencia entre HEX, RGB y HSL?
HEX (#ff6600) y RGB (rgb(255, 102, 0)) describen la misma mezcla rojo-verde-azul; HEX es simplemente una notación compacta. HSL (hsl(24, 100%, 50%)) describe tono, saturación y luminosidad — mucho más fácil de ajustar para las personas.
¿Acepta formatos abreviados y mixtos?
Sí — la abreviatura #f60, el HEX de 6 dígitos, rgb()/rgba() con comas o espacios y hsl()/hsla() se analizan todos. El color analizado se previsualiza en vivo para que veas exactamente qué obtuviste.
¿Los valores se recortan a rangos válidos?
Sí. Los canales RGB se limitan a 0–255 y HSL a 0–360 / 0–100% / 0–100%, así que un valor suelto nunca rompe tu CSS en silencio.