Conversor de Colores — Convierte entre HEX, RGB, HSL, HSV y CMYK

Cómo usar Conversor de Colores — HEX, RGB, HSL, HSV, CMYK

1. 1

   Escribe un código hexadecimal, o define directamente los valores RGB, HSL, HSV o CMYK — el formato que ya tengas de tu color.

2. 2

   Todos los demás formatos se actualizan al instante a medida que escribes o ajustas un valor.

3. 3

   Ajusta el control deslizante de alfa si necesitas un color translúcido — el campo hexadecimal se expande automáticamente a 8 dígitos y las cadenas RGB/HSL cambian a rgba()/hsla().

4. 4

   Revisa la vista previa en vivo de la muestra (mostrada sobre un patrón de cuadrícula para que se vea la transparencia) para confirmar que el resultado se ve bien.

5. 5

   Haz clic en un botón de copiar para copiar el código hexadecimal, la cadena rgb()/rgba() o la cadena hsl()/hsla() directamente a tu portapapeles.

¿Por qué usar Conversor de Colores — HEX, RGB, HSL, HSV, CMYK?

Los valores de color rara vez se quedan en un solo formato por mucho tiempo: un diseñador entrega un código hexadecimal de un archivo de Figma, un desarrollador lo necesita como cadena rgba() para una variable CSS con transparencia, y una imprenta pide porcentajes CMYK para una tirada offset — y convertir a mano entre estas cinco representaciones (HEX, RGB, HSL, HSV/HSB, CMYK) implica memorizar fórmulas que la mayoría de la gente buscó una vez y olvidó. Esta herramienta elimina esa fricción: edita el color en el formato que tengas a mano, y todos los demás se recalculan al instante usando la misma matemática de conversión estándar que se usa en diseño y en las herramientas de los navegadores. Como la herramienta guarda internamente un único color canónico y deriva de él cada formato mostrado, los valores nunca se desincronizan entre sí como a veces ocurre al volver a escribir manualmente un valor convertido en otra herramienta. HSV/HSB y CMYK se incluyen específicamente porque aparecen en contextos distintos a los de HEX/RGB/HSL, nativos de la web — HSV en muchos selectores de color de software de diseño (el clásico diálogo de rueda y controles deslizantes de Photoshop, por ejemplo), y CMYK en cualquier lugar donde un color deba convertirse en tinta física en lugar de un píxel en pantalla.