English
Español
Português
Français
Deutsch
Italiano
Türkçe
Bahasa IndonesiaConversor de color
Pega cualquier color (HEX, RGB, HSL, HSV, CMYK o un nombre) y obtén todos los formatos al instante. Vista previa en vivo, sombras y armonías, muestras de contraste, copia en un clic. Pulsa Espacio para aleatorio.
¿Qué es un conversor de color?
Un color, todos los lenguajes
El mismo color se escribe de muchas formas: HEX para hojas de estilo, RGB para pantallas y código, HSL para crear paletas, HSV para editores de foto, CMYK para impresión y LAB/XYZ para trabajo perceptual. Esta herramienta traduce entre ellos al instante, escribe en cualquier notación y aparecen todos los equivalentes con vista previa en vivo.
Además de convertir obtienes sombras y tintes, armonías complementarias, análogas y triádicas, vistas de contraste sobre blanco y negro, y enlaces para compartir.
Cómo usar
01
Escribe cualquier formato
HEX (#3B82F6 o #39F), rgb(), hsl(), hsv(), cmyk(), “255,130,246” o nombres como teal. Se detecta solo al escribir.
02
Copia lo que necesites
Cada fila tiene su botón de copiar más Copiar todo. Pega directo en CSS, Tailwind, Figma o fichas de impresión.
03
Explora variantes
Pulsa cualquier sombra o armonía para cargarla. Salta al comprobador de contraste para verificar legibilidad.
Ejemplos de la vida real
HEX de Figma a CSS y Tailwind
El diseñador te pasa #3B82F6, pégalo para obtener rgb(59,130,246) para canvas, HSL para variantes hover y un enlace ?hex=… para el ticket. El flujo más usado en sitios de conversión.
Variantes hover y temas con HSL
¿Necesitas un botón más oscuro en hover? Mantén tono y saturación, baja la luminosidad 10 puntos (p. ej. hsl(217,91%,60%) → 50%). Copia el nuevo HEX. Sin adivinar, tokens de diseño coherentes.
Kits de marca en cada notación
Documenta un color de marca como HEX para CSS, RGB para apps, HSL para temas y CMYK para membrete, lado a lado. Pulsa cualquier sombra para cargarla y construir la escala completa 50-950.
Revisión de envase para impresión
Los brillos de pantalla cambian en prensa. Pega el HEX para ver CMYK ingenuo (p. ej. azul vivo con alto cian y magenta), luego confirma con pruebas y perfiles ICC antes de producir.
Cálculo foto y canvas con HSV/RGB
Los editores piensan en HSV/HSB (Photoshop), el código piensa en canales RGB 0-255. Convierte hsv(217,76%,96%) a canales para scripts, shaders o flujos de imagen.
Errores y contraste
¿El color se ve mal entre plataformas? Convierte para comparar canales exactos, revisa las muestras sobre blanco y negro, luego salta al comprobador de contraste para verificar legibilidad antes de publicar.