Convertidor de Colores — HEX, RGB, HSL, HSV y Nombres CSS
Convierte cualquier color entre formatos HEX, RGB, HSL, HSV y colores nombrados CSS al instante. Ingresa un código hex, rgb(), hsl(), o un nombre de color para ver todas las representaciones lado a lado — gratis, sin registro.
Convertidor de Colores
¿Qué formatos de color son compatibles?
Esta herramienta admite HEX (#rrggbb y forma abreviada #rgb), RGB (rgb(r, g, b)), HSL (hsl(h, s%, l%)), HSV (también llamado HSB), y los 140 colores nombrados CSS como 'red', 'cornflowerblue' y 'rebeccapurple'. El formato se detecta automáticamente desde tu entrada.
¿Cuándo usaría cada formato?
HEX es el formato más común en diseño web y es compacto. RGB es útil para mezcla de colores y composición. HSL es intuitivo para crear variaciones de color (ajusta la luminosidad o saturación). HSV (Matiz-Saturación-Valor) se utiliza en muchas herramientas de diseño incluyendo Photoshop y Figma. Los colores nombrados CSS son prácticos para prototipos rápidos.
¿En qué se diferencia HSV de HSL?
Ambos utilizan un ángulo de matiz y un porcentaje de saturación, pero difieren en el tercer componente: HSL utiliza Luminosidad (50% es color puro), mientras que HSV utiliza Valor/Brillo (100% es la versión más brillante de ese matiz). Las aplicaciones de diseño como Photoshop típicamente utilizan HSV, mientras que CSS utiliza HSL.
Cómo usar
- Escribe o pega un color en cualquier formato — HEX, rgb(), hsl(), o un nombre de color CSS.
- O usa el selector de color para elegir un color visualmente.
- Todas las representaciones de formato se actualizan instantáneamente.
- Haz clic en Copiar junto a cualquier formato para copiar ese valor a tu portapapeles.
Los datos de tu color permanecen en tu navegador — no se envían datos a ningún servidor.
Preguntas Frecuentes
- ¿Qué formatos de color puedo ingresar?
- HEX (#rrggbb o #rgb), rgb(r, g, b), hsl(h, s%, l%), y cualquier color nombrado CSS como 'tomato' o 'steelblue'.
- ¿Por qué mi color no tiene un nombre CSS?
- Solo 140 colores tienen equivalentes de nombres CSS oficiales. Si tu color no coincide exactamente con uno de ellos, el campo Nombre CSS mostrará un guión.
- ¿Qué es HSV / HSB?
- HSV (Matiz, Saturación, Valor) — también llamado HSB (Matiz, Saturación, Brillo) — es un modelo de color utilizado en muchas herramientas de diseño. Un Valor/Brillo del 100% da la versión más brillante del matiz, a diferencia de HSL donde una luminosidad del 50% es el color puro.
- ¿Es este convertidor de colores gratis?
- Sí, completamente gratis sin registro. Toda la conversión ocurre en tu navegador — no se envían datos a ningún servidor.