Conversor de colores – HEX, RGB, HSL
Escribe o pega un color en cualquier formato y obtén al instante su equivalente en HEX, RGB y HSL. Copia cualquier valor con un solo clic.
Paste or type a color to convert
Supports HEX, RGB, and HSL formats
Try an example
Más herramientas
Picker
Selector de Colores
Sube una imagen y haz clic para extraer códigos de color HEX, RGB y HSL.
Checker
Verificador de Contraste
Comprueba la relación de contraste de color según los estándares WCAG AA y AAA.
Generator
Generador de Paleta
Genera paletas de colores armoniosas a partir de cualquier color base.
Convierte colores entre HEX, RGB y HSL
Cuando trabajas con distintas herramientas de diseño o desarrollo web, es habitual tener que cambiar entre formatos de color. Este conversor maneja los tres formatos más utilizados: HEX, RGB y HSL.
Escribe o pega un valor de color y el formato se detectará automáticamente. Verás los valores equivalentes en los tres formatos de forma inmediata, listos para copiar.
Formatos de color compatibles
- HEX – p. ej. #3B82F6 o #f00 (notación abreviada)
- RGB – p. ej. rgb(59, 130, 246)
- HSL – p. ej. hsl(217, 91%, 60%)
Cada valor de salida está formateado como un valor CSS listo para pegar directamente en tu código.
Cómo usar el conversor de colores
- Introduce un valor de color en el campo de entrada – HEX, RGB o HSL
- El formato se detecta de forma automática
- Los valores convertidos en los tres formatos aparecen debajo del campo de entrada
- Haz clic en el botón de copiar junto al formato que necesites para copiarlo al portapapeles
Casos de uso habituales
- Convertir un código HEX de un archivo de diseño a RGB para usar en CSS
- Obtener el valor HSL de un color para ajustar su luminosidad o saturación
- Pasar valores RGB de un editor de imágenes a HEX para HTML
- Comprobar rápidamente si dos valores de color en formatos distintos representan el mismo color
¿Cuándo usar HEX, RGB o HSL?
HEX es el formato más compacto y el más habitual en CSS y HTML. RGB es común en herramientas de diseño y software de edición de imágenes. HSL es el más legible para las personas: separa el tono, la saturación y la luminosidad, lo que facilita los ajustes manuales de color.
No existe un único formato mejor que los demás. Usa el que requiera tu flujo de trabajo y, cuando necesites cambiar entre ellos, este conversor lo hace al instante.
Preguntas frecuentes
- ¿Cómo convierto un código HEX a RGB?
- Pega tu código HEX (p. ej. #3B82F6) en el campo de entrada. El valor RGB equivalente aparecerá de forma instantánea justo debajo.
- ¿Cómo convierto un valor RGB a HEX?
- Introduce tu valor RGB en el formato rgb(59, 130, 246). El código HEX y el valor HSL se calcularán y mostrarán automáticamente.
- ¿Qué es el formato HSL?
- HSL son las siglas de Hue (tono), Saturation (saturación) y Lightness (luminosidad). Describe los colores de una forma muy intuitiva: puedes cambiar el brillo o la viveza de un color sin alterar su tono base.
- ¿Se admiten códigos HEX abreviados?
- Sí. Puedes introducir códigos cortos como #f00 o #abc. Se expandirán automáticamente y se convertirán correctamente.
- ¿El conversor de colores es gratuito?
- Sí. ColourPicker.app es completamente gratuito y no requiere registro.
- ¿Funciona en dispositivos móviles?
- Sí. El conversor de colores funciona en cualquier dispositivo con un navegador moderno: ordenador, tablet o móvil.