Conversor de HSL a RGB

Convierte colores HSL a RGB, HEX y CMYK. Ajusta con controles deslizantes de HSL. Vista previa de color en vivo.

HSL Values

HSL
hsl(0, 65%, 51%)
RGB
rgb(211, 51, 51)
HEX
#D33333
CMYK
cmyk(0%, 76%, 76%, 17%)

About HSL to RGB Converter

Convierte valores de color HSL (Tono, Saturación, Luminosidad) a RGB, HEX y CMYK. Ajusta el tono, la saturación y la luminosidad con controles deslizantes intuitivos y observa el resultado en todos los espacios de color principales.

Entrada HSL

Tono de 0-360, saturación y luminosidad de 0-100%. Usa controles deslizantes o escribe valores exactos. Conversión instantánea a todos los formatos.

Vista previa de color en vivo

Una muestra de color en tiempo real muestra exactamente cómo se ven los valores HSL. Ajusta y observa los cambios al instante.

Cuatro formatos de salida

Ve HSL, RGB, HEX y CMYK lado a lado. Perfecto para diseño web, preimpresión y flujos de desarrollo.

Clic para copiar

Haz clic en cualquier valor de color para copiarlo al portapapeles. RGB para CSS, HEX para HTML, CMYK para impresión, HSL para ajustes finos.

How It Works

  1. Adjust the Hue slider — Set the base color angle from 0 (red) through 360 (back to red).
  2. Set Saturation — Control color intensity from 0% (gray) to 100% (full color).
  3. Set Lightness — Adjust brightness from 0% (black) to 100% (white).
  4. Watch the preview — The color swatch updates in real time as you adjust any slider.
  5. Read the results — All four color space values update instantly. Click any value to copy it.

📋 Common Use Cases

Diseño para múltiples medios

Convierte colores de impresión (CMYK) a colores de pantalla (RGB/Hex) al adaptar activos de marca de medios físicos a digitales.

CSS y desarrollo web

Transforma colores entre formatos hex, RGB y HSL para usar en hojas de estilo, tokens de diseño y bibliotecas de componentes.

Consistencia de marca

Asegura la precisión del color al traducir paletas de marca entre diferentes herramientas de diseño que requieren formatos de color específicos.

Pruebas de accesibilidad

Convierte colores a formatos analizables para verificar el contraste y el cumplimiento de las pautas WCAG.

🪜 How to Use This Tool

  1. Introduce tu color de origen
    Ingresa el valor del color en el formato de origen: código hex, valores RGB, porcentajes CMYK o parámetros HSL.
  2. Selecciona el formato de destino
    Elige el formato de salida deseado. La mayoría de los conversores muestran una muestra de color en vivo junto a los valores convertidos.
  3. Visualiza y copia el color convertido
    El color convertido aparece al instante. Copia valores individuales o la cadena de salida completa para tu proyecto.
  4. Úsalo en tu proyecto
    Pega el color convertido directamente en tu CSS, herramienta de diseño o especificación de impresión. Verifica que la vista previa coincida con tus expectativas.

📚 Related Guides

Frequently Asked Questions

¿Estos conversores son gratuitos?
Sí. Todos los conversores son completamente gratuitos. No se requiere registro.
¿Qué tan preciso es el conversor de unidades?
Utiliza factores de conversión estándar para longitud, masa, temperatura, área, volumen y velocidad. Los resultados son precisos hasta 6 decimales.