Conversión
100% en su navegador
Conversor de Colores Hex ↔ RGB ↔ HSL — Herramienta Gratis
Convierta entre formatos de color Hex, RGB y HSL en tiempo real. Los tres se actualizan simultáneamente al editar uno. Selector de color integrado y exportación CSS.
HEX
RGB
HSL
Conversor de Colores Hex ↔ RGB ↔ HSL — Tres Formatos, Una Herramienta
Convierte cualquier color entre Hex (#RRGGBB), RGB (rojo/verde/azul 0–255) y HSL (matiz/saturación/luminosidad) al instante. Escribe o pega un código hex, usa el selector, o ajusta los números RGB/HSL directamente — los tres formatos se mantienen sincronizados. Todo se ejecuta en tu navegador.
Los tres formatos explicados
- HEX (#RRGGBB): el estándar web. Seis dígitos hexadecimales codificando rojo, verde, azul. Ejemplo:
#585BE8 - RGB: tres valores de 0 a 255. Corresponde directamente a la intensidad de los píxeles. Ejemplo:
rgb(88, 91, 232) - HSL: matiz (0–360°), saturación (0–100%), luminosidad (0–100%). Ideal para diseñar paletas. Ejemplo:
hsl(239, 76%, 63%)
Consejos
- Usa HSL para variaciones: ¿necesitas un tono más oscuro? Reduce L. El matiz se mantiene exacto
- Los atajos hex de 3 dígitos funcionan:
#F00=#FF0000= rojo - Selector de color: haz clic en la muestra para abrir el selector de tu SO
Usos comunes
- Hacer coincidir colores de una captura de pantalla con CSS
- Construir un design system con variaciones consistentes
- Traducir entre formatos de herramientas de diseño
- Generar contrastes de color accesibles
Privacidad
Todo se ejecuta en tu navegador. No se suben colores.