Convierte un color entre HEX, RGB, HSL, HSV y CMYK con sincronización en vivo en ambos sentidos, en tu navegador.
Todos los colores de una pantalla son la misma cosa física — una cantidad de luz roja, verde y azul — pero diseñadores, desarrolladores e imprentas los describen en idiomas distintos. HEX es compacto y universal en CSS; RGB son los datos de canal en bruto; HSL y HSV describen un color como lo piensa una persona, como un tono más cuánto de vivo y cuánto de luminoso es; CMYK describe las cuatro tintas que una imprenta pone sobre el papel. Este conversor guarda un color en memoria y lo muestra en los cinco idiomas a la vez.
Internamente, toda entrada se normaliza primero a RGB. El análisis de HEX expande la forma corta de tres dígitos (#fff pasa a #ffffff) e ignora un par alfa si lo pegas. HSL y HSV usan el modelo estándar de croma: el croma sale de la saturación combinada con la luminosidad o el valor, un componente secundario sale de la posición del tono dentro de su sector de 60°, y un desplazamiento constante eleva el resultado hasta el brillo correcto. CMYK usa la conversión clásica de pantalla, donde el negro es uno menos el canal mayor y cada tinta es la distancia restante hasta ese negro. El analizador es deliberadamente tolerante — comas, espacios, barras y signos de porcentaje son todos opcionales, así que rgb(255 0 0), 255,0,0 y #f00 llegan exactamente al mismo color.
Usos típicos: convertir el HEX de una marca en el HSL que quiere una variable CSS, leer el RGB que pide una herramienta de diseño, u obtener un CMYK aproximado para llevar a la imprenta. Esto último merece una advertencia. El CMYK en pantalla siempre es una aproximación: la impresión real depende del perfil ICC de la máquina, del juego de tintas y del papel, y los colores vivos de pantalla — sobre todo azules y verdes intensos — no tienen equivalente exacto en tinta. Trata el CMYK de aquí como un punto de partida, no como una prueba de color. Nada de lo que escribes se sube: toda la conversión se ejecuta en JavaScript en tu dispositivo.
HEX es la notación hexadecimal de los tres bytes RGB. HSL → RGB: croma C = (1 − |2L − 1|) × S, secundario X = C × (1 − |(H/60) mod 2 − 1|), desplazamiento m = L − C/2; el trío (C, X, 0) se rota según el sector de tono de 60° y se suma m a los tres canales. HSV → RGB usa C = V × S y m = V − C. RGB → CMYK: K = 1 − max(R, G, B) y cada tinta = (1 − canal − K) / (1 − K).
HEX con o sin # (#fff, #ffffff, 3498db), rgb() y rgba(), hsl() y hsla(), hsv() o hsb(), cmyk(), y unos treinta nombres de color CSS habituales como red, teal o crimson. Los separadores son flexibles: comas, espacios y barras funcionan todos.
No — trátalo como una aproximación. La conversión de aquí es la fórmula estándar de pantalla e ignora los perfiles de color, mientras que una imprenta real usa un perfil ICC que depende de la tinta, el papel y la máquina. Pregunta a tu imprenta qué perfil usa antes de comprometerte con un valor.
Ambos parten del mismo ángulo de tono pero describen el brillo de forma distinta. En HSL, el 50% de luminosidad es el color puro y el 100% siempre es blanco; en HSV, el 100% de valor es el color puro y solo llegas al blanco bajando la saturación. Las herramientas de diseño suelen exponer HSV, mientras que CSS usa HSL.
Lee el canal alfa y lo descarta. Si pegas un HEX de 8 dígitos o un valor rgba(), solo se convierte el color opaco — la transparencia no se traslada a los demás formatos.
No. Cada conversión se ejecuta en JavaScript en tu dispositivo. No se envía nada a un servidor, ni se registra, ni se almacena.
Vai.la convierte cualquier URL en un enlace corto con estadísticas de clics, código QR y tu propio biolink.
Vai.la no se hace responsable del uso de las herramientas ni de las decisiones tomadas a partir de sus resultados.