Conversor de color
Convierte colores entre HEX, RGB, HSL, HSV y CMYK
Las cinco representaciones se actualizan al escribir o seleccionar.
Espacios de color y sus letras pequeñas
Todos los formatos de un pegado
Pega "indigo", "#4f46e5", rgb(79,70,229) o hsl(245,58%,59%) y obtén al instante todas las representaciones — sin volver a teclear un color en cada modo.
Muestra en vivo con selector
La vista previa se actualiza al escribir o arrastrar el selector de color nativo, así lo que conviertes es exactamente la muestra que ves.
Copia con un clic
Cada línea de formato tiene su propio botón de copiar y todo funciona sin conexión en tu navegador: inventariar paletas nunca requiere subir nada.
¿Qué es un conversor de color?
Un conversor de color traduce un mismo color entre los formatos que hablan las herramientas. El software de diseño exporta HEX o CMYK, un ingeniero frontend necesita rgb() o hsl() para CSS, y una herramienta de datos puede querer hsv(). En lugar de abrir un selector de color cinco veces, pega el valor que tienes y ve al instante todos los demás: "#4f46e5" → rgb(79, 70, 229) → hsl(245, 58%, 59%).
Qué puede hacer
- Analizar hex (#fff, #ffffff, #rrggbbaa) y entradas rgba()
- Calcular equivalentes rgb / hsl / hsv / cmyk para cualquier entrada
- Muestra de vista previa que se actualiza al escribir o seleccionar
- Conservar alfa cuando existe (hex de 8 dígitos, rgba)
- Copiar cada formato con su propio botón
- Selector de color nativo para la selección visual
Cuándo usarlo
- Mover un color de marca desde una herramienta de diseño a variables CSS
- Convertir un valor CMYK de impresión a un hex seguro para la web
- Obtener un valor hsl para degradados CSS y paletas de modo oscuro
- Comprobar cómo redondeó un color otro conversor
Privacidad: la conversión ocurre por completo en tu navegador; nada se sube jamás.
HEX, RGB, HSL y qué significa realmente el contraste
- HEX y RGB son los mismos valores sRGB expresados con distinta notación: convertir entre ellos es una mera operación aritmética, nunca implica un cambio de color.
- HSL representa el mismo gamut sobre un cilindro: el matiz gira, la saturación irradia y la luminosidad asciende. Incrementos iguales en HSL no se perciben como diferencias visuales iguales; por eso se inventaron espacios perceptuales como OKLCH.
- El contraste WCAG se calcula a partir de la luminancia relativa tras la expansión gamma, no a partir del promedio crudo de los valores RGB; el comprobador inferior emplea la fórmula oficial 2.1.
Preguntas frecuentes
¿Qué formatos se admiten?⌄
Hex (3, 4, 6 u 8 dígitos — 8 agrega alfa), rgb()/rgba(), hsl()/hsla(), hsv()/hsb() y cmyk(). La entrada se normaliza automáticamente ya escribas #FFF, rgb(255 0 0) o hsl(0, 100%, 50%).
¿Son exactas las conversiones?⌄
Coinciden con las fórmulas CSS estándar (redondeadas a canales enteros). Los colores HSL/HSV se preservan con precisión de un decimal; CMYK se calcula con conversión convencional y redondeo a un decimal de porcentaje.
¿Se envía mi color a algún lugar?⌄
No. Todo se ejecuta en tu navegador con JavaScript puro; nada se transmite ni se almacena.