ToolBoxOnline

Convertidor de Colores

Convierte colores entre formatos HEX, RGB y HSL con vista previa en vivo.

HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91, 60)

Herramientas Relacionadas

Cómo Usar Esta Herramienta

  1. Ingresa un valor de color en cualquier formato: HEX (#FF5733), RGB (rgb(255,87,51)) o HSL (hsl(11,100%,60%)).
  2. Visualiza los valores convertidos en todos los formatos mostrados lado a lado.
  3. Ve la vista previa del color actualizarse en tiempo real mientras escribes.
  4. Haz clic en cualquier valor para copiarlo al portapapeles.
  5. Usa el selector de color para elegir un color visualmente y obtener todos los valores de formato.

Preguntas Frecuentes

¿Qué son los formatos de color HEX, RGB y HSL?

HEX representa los colores como un código hexadecimal de 6 dígitos (por ejemplo, #FF5733). RGB usa valores de rojo, verde y azul de 0-255. HSL representa los colores como matiz (0-360°), saturación (0-100%) y luminosidad (0-100%), lo cual es más intuitivo para los humanos.

¿Cómo convierto HEX a RGB?

Ingresa tu código de color HEX (con o sin el símbolo #) y la herramienta muestra al instante los valores RGB equivalentes. Por ejemplo, #FF5733 se convierte a RGB(255, 87, 51).

¿Por qué debería usar HSL en lugar de RGB?

HSL es preferido por los diseñadores porque es más intuitivo. Puedes ajustar el matiz para cambiar el color, la saturación para la viveza y la luminosidad para el brillo, todo de forma independiente. También es el formato usado en CSS moderno.

¿Puedo usar este convertidor de colores para diseño web?

Sí. Esta herramienta admite todos los formatos de color web estándar. Puedes convertir entre cualquier formato y copiar directamente los valores para usar en CSS, HTML, JavaScript o software de diseño como Figma y Photoshop.

¿Qué formatos de color admite este convertidor?

Nuestro convertidor de colores admite HEX (#RRGGBB), RGB (rgb(r, g, b)), HSL (hsl(h, s%, l%)) y colores con nombre. Ingresa cualquier valor y obtén conversiones instantáneas a todos los demás formatos.