Conversor de Colores
Convierte colores entre formatos RGB, HEX y HSL. Conversor de colores gratuito con vista previa y copia con un clic para diseñadores y desarrolladores.
HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
Valores RGB
59
Rojo
130
Verde
246
Azul
Valores HSL
217grados
Tono
91%
Sat
60%
Luz
🔒 Calculadoras rapidas y gratuitas que funcionan en tu navegador. Sin subidas, 100% privado.
Última actualización: enero de 2026
Calculadoras Relacionadas
Preguntas Frecuentes
¿Cómo convierto HEX a RGB?
Un color HEX como #FF5733 se convierte a RGB dividiendo en pares: FF=255 (rojo), 57=87 (verde), 33=51 (azul). Cada par es un número hexadecimal (0-FF) que representa 0-255 en decimal. Así #FF5733 = RGB(255, 87, 51). Para HEX abreviado como #F53, expande cada dígito: #FF5533. Este conversor hace el cálculo automáticamente—solo ingresa cualquier formato y obtén resultados instantáneos.
¿Cuál es la diferencia entre RGB y HSL?
RGB (Rojo, Verde, Azul) define colores mezclando intensidades de luz (0-255 cada uno). HSL (Tono, Saturación, Luminosidad) es más intuitivo: el Tono es la posición en la rueda de color (0-360°), la Saturación es la intensidad del color (0-100%), y la Luminosidad es el brillo (0-100%). HSL es más fácil para ajustes—para aclarar un color, simplemente aumenta L. Para desaturar, reduce S.
¿Cuándo debo usar HEX vs RGB en CSS?
Usa HEX (#FF5733) para colores estáticos—es compacto y universalmente soportado. Usa RGB o RGBA cuando necesites opacidad: rgba(255, 87, 51, 0.5) crea un color 50% transparente. HSL es excelente para manipulación programática de colores—ajustar luminosidad o saturación es directo. CSS moderno soporta los tres formatos igualmente, así que elige según la legibilidad y si necesitas el canal alfa.
¿Cómo encuentro el color complementario de un color?
Los colores complementarios están opuestos en la rueda de color, creando máximo contraste. En HSL, simplemente suma o resta 180° del tono. Por ejemplo, si tu color tiene H=30° (naranja), el complemento es H=210° (azul). Mantén S y L iguales. Rojo (#FF0000, H=0°) complementa a Cian (H=180°). Este conversor muestra valores HSL, facilitando calcular complementos, tríadas (+120°) o complementos divididos (+150°/+210°).
¿Por qué los colores se ven diferentes en diferentes pantallas?
Las pantallas varían en gama de colores (rango de colores mostrables), calibración y tecnología de panel (IPS, OLED, TN). Un color como #FF5733 es un valor digital preciso, pero los monitores lo interpretan diferente según su perfil de color y configuración. Para color consistente, usa monitores calibrados por hardware, diseña en espacio de color sRGB y prueba en múltiples dispositivos. Los colores de impresión usan CMYK, que tiene menor gama que RGB.