Conversor de colores HEX, RGB y HSL

Convierte un color entre HEX, RGB y HSL y elígelo con el selector. Copia el código que necesites para tu web o diseño.

Escribe en cualquiera de los campos y los demás se actualizan.

Convertir colores entre HEX, RGB y HSL

Los colores en la web se escriben de varias formas. HEX (#2563eb) es la más habitual en CSS, RGB indica la cantidad de rojo, verde y azul, y HSL usa tono, saturación y luminosidad, y resulta más intuitivo para aclarar u oscurecer un color.

Este conversor de colores traduce entre los tres formatos al instante y te deja elegir el color con un selector.

¿Cómo pasar de HEX a RGB?

Escribe el código en el campo que tengas (acepta HEX de 3 o de 6 dígitos) y los demás se actualizan. Copia el valor que necesites para tu CSS, tu editor de imágenes o tu presentación.

Preguntas frecuentes

¿Cómo paso de HEX a RGB?

Escribe el código HEX (por ejemplo #2563eb) y verás al instante el RGB y el HSL. Cada pareja de dígitos del HEX es un valor de rojo, verde y azul entre 0 y 255.

¿Qué es HSL?

Tono (0-360°), saturación y luminosidad. Es cómodo para hacer un color más claro u oscuro tocando solo la luminosidad.

¿Qué significa #fff?

Es la forma corta de #ffffff, el blanco. La herramienta acepta HEX de 3 y de 6 dígitos.

¿Puedo elegir un color a ojo?

Sí, con el selector de color de arriba; los demás formatos se actualizan solos.

Otras herramientas

¿Echas algo en falta?

Cuéntanos qué herramienta quieres que añadamos, qué mejorarías de una existente o si has visto un error. Cualquier sugerencia, por loca que parezca, es bienvenida: la revisamos y hacemos lo posible por implementarla. Toda idea es válida.

No hace falta que dejes tu email. Consulta la política de privacidad.