Daily Toolkits

Convertidor HEX ↔ RGB ↔ HSL

Convierta colores entre HEX, RGB y HSL al instante con una muestra en vivo. Edite cualquier campo: los demás permanecen sincronizados.

HEX ↔ RGB ↔ HSL Converter

Live

#C026D3

CSS output

/* HEX */ #c026d3
/* RGB */ rgb(192, 38, 211)
/* HSL */ hsl(292, 70%, 49%)

Key capabilities

  • Convierta colores entre HEX, RGB y HSL al instante con una muestra en vivo.
  • Se ejecuta en tu navegador
  • Gratis para usar

Cómo usar

  1. Introduzca un valor HEX, RGB o HSL.
  2. Vea los otros formatos actualizarse automáticamente.
  3. Copia el formato que necesites.

How this tool works

  1. Introduzca un valor HEX, RGB o HSL.
  2. Vea los otros formatos actualizarse automáticamente.
  3. Copia el formato que necesites.

Recommended settings

  • Utilice primero las opciones predeterminadas y luego ajústelas si es necesario

Supported formats

Text / on-page input

File size and limits

  • Las vistas previas multicapa muy complejas pueden parecer más lentas en teléfonos más antiguos.

Privacy

Los generadores de color y CSS se ejecutan completamente en su navegador. Las vistas previas y las conversiones nunca cargan tus estilos.

Common use cases

  • Utilice HEX ↔ RGB ↔ HSL Converter siempre que lo necesite: convierta colores entre HEX, RGB y HSL al instante con una muestra en vivo.

Troubleshooting

La vista previa se ve diferente después de pegar

Verifique si hay CSS competitivo en su página (restablecimientos, colores heredados). Primero copie la regla generada en una hoja de estilo aislada.

Preguntas frecuentes

¿Esto carga mi CSS?

No. Los generadores y convertidores se ejecutan en su navegador con vista previa en vivo.

¿Necesito una cuenta?

No. Abra la herramienta, modifique los controles y copie el CSS.

Herramientas relacionadas

Color Contrast Checker

Check foreground/background contrast against WCAG AA and AAA guidelines.

Open tool

CSS Gradient Generator

Build linear, radial, and conic gradients with live preview and copy-ready CSS.

Open tool

Box Shadow Generator

Design layered box-shadows with offset, blur, spread, and color — live preview included.

Open tool