← Inicio

Conversor de colores

Convierte un color entre las notaciones HEX, RGB y HSL — elígelo con el selector o escribe un valor, y los otros dos formatos se actualizan al instante. Útil para trabajar con CSS, para respetar los colores de una marca o para llevar al código un valor sacado de una herramienta de diseño.

Vista previa
HEX
HEX
RGB
R (Rojo) 0~255
G (Verde) 0~255
B (Azul) 0~255

rgb()
HSL
H (Matiz) 0~360
S (Saturación) %
L (Luminosidad) %

hsl()

¿Qué formatos se admiten?

Convierte colores al instante entre las notaciones HEX, RGB y HSL. Es una ayuda rápida para el diseño web y CSS, para hacer coincidir los colores de una marca o para traducir un valor de una herramienta de diseño al formato que necesita tu código.

¿Cómo se usa el conversor de colores?

  1. Elige un color o introduce un valor — selecciona un color con el selector o escribe directamente un valor HEX, RGB o HSL.
  2. Conversión automática — los valores de los demás formatos se actualizan al instante.
  3. Copia — usa el botón «Copiar» junto al formato que necesites para llevarte el valor.

¿En qué se diferencian HEX, RGB y HSL?

HEX (por ejemplo, #1a73e8) es un código compacto de seis dígitos habitual en CSS. RGB describe un color mediante sus canales rojo, verde y azul (0–255). HSL utiliza tono, saturación y luminosidad, lo que facilita ajustar un color manualmente.

¿Cómo se lee un código HEX?

El HEX tiene la forma #RRGGBB, donde el rojo, el verde y el azul se expresan cada uno con dos dígitos hexadecimales (00–FF, 0–255). Por ejemplo, #FF0000 es rojo y #00FF00 es verde. También existe la forma abreviada de tres dígitos (#RGB), equivalente a repetir cada dígito dos veces.

¿Cuándo conviene usar HSL?

Es intuitivo cuando quieres cambiar la tonalidad girando solo el tono (Hue), o crear variantes más claras y oscuras de la misma gama ajustando únicamente la saturación y la luminosidad. Resulta especialmente cómodo para afinar colores manualmente o crear paletas en el diseño.

¿A dónde se envían los valores de color que introduzco?

No se envían a ninguna parte. Todas las conversiones se realizan únicamente dentro de tu navegador, así que los valores no se suben a ningún servidor y la herramienta funciona incluso sin conexión.