¿Qué entrada acepta el conversor de color?

Acepta un código de color HEX. Puedes pegarlo con o sin el símbolo almohadilla inicial, y funcionan tanto la forma corta de 3 dígitos (como

¿Convierte RGB o HSL de vuelta a HEX?

Por ahora no. La herramienta actual lee un código HEX y devuelve los valores RGB y HSL equivalentes. Si solo tienes RGB o HSL, necesitarías primero el HEX para usar este conversor.

¿Los valores RGB y HSL son precisos para CSS?

Sí. La salida viene formateada lista para pegar en CSS, por ejemplo rgb(43, 89, 255) y hsl(227, 100%, 58%). Los valores se redondean a números enteros, igual que los muestran los navegadores.

¿Se envía algo a un servidor?

No. La conversión funciona por completo en tu navegador con cálculos locales, así que tus códigos de color nunca salen de tu dispositivo. Eso también significa que funciona sin conexión una vez cargada la página.

Conversor de color

Elige un color

Valor del color

Qué hace el conversor de color

Dale un código de color HEX y te devuelve el mismo color escrito de tres formas: HEX, RGB y HSL. Eso cubre los formatos que diseñadores y desarrolladores front-end usan más. ¿Tomaste una muestra como #2b59ff pero tu variable CSS espera un valor rgb()? Pégalo aquí y copia la línea que necesitas. Es práctico para igualar colores de marca, rellenar un token de diseño o simplemente comprobar cómo se ve un tono en HSL antes de ajustar su luminosidad.

Cómo se usa

Escribe o pega un color HEX en la caja de entrada. La almohadilla es opcional, y se aceptan tanto la forma corta como #2bf como los códigos completos como #2b59ff.
Pulsa el botón Convertir.
Lee la caja de salida, que muestra las versiones HEX, RGB y HSL en líneas separadas.
Copia la línea que necesites directamente a tu hoja de estilos o archivo de diseño.

Si introduces algo que no es un código HEX válido, la herramienta te avisa y muestra el formato esperado, así que nunca te quedas adivinando.

Por qué convertir colores aquí

Es rápido. No hay paso de subida ni espera, porque el cálculo ocurre en el instante en que pulsas Convertir. También es privado: el cálculo se hace localmente en tu navegador, así que tus códigos de color se quedan en tu dispositivo y la página sigue funcionando incluso sin conexión. Y es gratis, sin cuenta que crear.

La salida RGB y HSL ya viene formateada como CSS la quiere, con paréntesis y signos de porcentaje incluidos, así que puedes pegar sin limpiar nada. Los valores se redondean a números enteros para reflejar cómo los muestran los navegadores.

Un consejo rápido

Trabajar en HSL facilita las variaciones de tono: convierte tu HEX base y luego sube o baja el último número (luminosidad) para crear una versión más clara o más oscura del mismo color sin perder su carácter.

Preguntas frecuentes

¿Qué entrada acepta el conversor de color?: Acepta un código de color HEX. Puedes pegarlo con o sin el símbolo almohadilla inicial, y funcionan tanto la forma corta de 3 dígitos (como
¿Convierte RGB o HSL de vuelta a HEX?: Por ahora no. La herramienta actual lee un código HEX y devuelve los valores RGB y HSL equivalentes. Si solo tienes RGB o HSL, necesitarías primero el HEX para usar este conversor.
¿Los valores RGB y HSL son precisos para CSS?: Sí. La salida viene formateada lista para pegar en CSS, por ejemplo rgb(43, 89, 255) y hsl(227, 100%, 58%). Los valores se redondean a números enteros, igual que los muestran los navegadores.
¿Se envía algo a un servidor?: No. La conversión funciona por completo en tu navegador con cálculos locales, así que tus códigos de color nunca salen de tu dispositivo. Eso también significa que funciona sin conexión una vez cargada la página.