Stax

Conversor HEX a RGB

Convierte códigos de color entre HEX, RGB, HSL y HSV.

#3B82F6
RGB sliders
R
G
B
HSL sliders
H
S
L
All formats — click to copy

¿Qué es el convertidor HEX a RGB?

Esta herramienta convierte instantáneamente entre códigos de color HEX, RGB, HSL y HSV. Esencial para CSS, archivos de diseño y coincidencia de color multiplataforma.

Cómo usar la herramienta

  1. Ingresa color en cualquier formato.
  2. Ve al instante conversión a los 4 formatos.
  3. Copia — pega en CSS, JavaScript, herramienta de diseño.

Conversiones comunes

  • #FF0000 = rgb(255, 0, 0) = hsl(0°, 100%, 50%) — rojo
  • #00FF00 = rgb(0, 255, 0) = hsl(120°, 100%, 50%) — verde
  • #0000FF = rgb(0, 0, 255) = hsl(240°, 100%, 50%) — azul
  • #FFFFFF = rgb(255, 255, 255) — blanco

Preguntas frecuentes

¿Cómo convertir HEX a RGB?
HEX se divide en 3 pares de 6 dígitos: RR, GG, BB. Convierte cada par a decimal (0-255). Ejemplo: #FF5733 → R=FF=255, G=57=87, B=33=51 → rgb(255, 87, 51). De hex a decimal: potencias de 16.
¿Qué son RGBA y HSLA?
RGBA = RGB + Alpha (transparencia, 0-1). rgba(255, 0, 0, 0.5) = rojo semi-transparente. HSLA = HSL + Alpha. Estándar en CSS3 — diferencia entre opacity y rgba(): opacity hace transparente todo el elemento, alpha solo el fondo/texto.
¿Qué es hex de 3 dígitos (#FFF)?
Forma corta — cada dígito se duplica para formar 6 dígitos. #ABC = #AABBCC. Solo colores donde cada par tiene ambos dígitos iguales pueden escribirse en forma corta. #FFF (blanco), #000 (negro), #F00 (rojo) son comunes.
¿Cuándo usar HSL?
Cuando necesitas variaciones de color. Tono 0-360° rotado da diferentes colores. Saturación 0% (gris) a 100% (vívido). Luminosidad 0% (negro) a 100% (blanco). Crear colores de tema, hacer estados hover — fácil con HSL.

Herramientas relacionadas