Conversor de colores - HEX a RGB, HSL y CMYK

Cargando herramienta…

Todos los formatos de color en una herramienta

En la web, los colores se expresan en muchos formatos. Los diseñadores suelen trabajar con HEX, mientras que los frameworks de CSS a menudo piden valores RGB o HSL. Esta herramienta convierte cualquier color al instante y acaba con ese problema.

HEX: El formato estándar de color en la web (p. ej., #007bff).
RGB: Valores de rojo, verde y azul (por ejemplo, en variables CSS).
HSL: Tono, saturación y luminosidad (ideal para ajustar colores por código).
CMYK: Cian, magenta, amarillo y negro (usado en impresión).

Generador de tonos claros y oscuros

¿Necesitas un fondo más claro o un borde más oscuro para tu botón? Introduce el color principal de tu marca y la herramienta genera automáticamente una escala de nueve tonos, del más claro al más oscuro. Perfecto para la configuración de Tailwind CSS o tu sistema de diseño.

Preguntas frecuentes

P. ¿Cómo convierto un código HEX a RGB?

Escribe el código HEX en el campo o haz clic en la vista previa y elige un color. Los valores RGB, HSL y CMYK se calculan al instante. Para copiarlos, haz clic en el icono junto al valor.

P. ¿Qué formatos HEX se admiten?

Códigos HEX de tres (#fff) y seis dígitos (#3B82F6). Si no escribes el #, la herramienta lo añade por ti.

P. ¿Cómo copio un tono de la paleta?

Haz clic en cualquier fila de la paleta y el valor hsl() de ese tono se copiará al portapapeles.