Convierte colores entre HEX, RGB, HSL, HSV, CMYK y otros formatos, ve vista previa en vivo, copia código CSS y compara contraste entre colores.
Tailwind: violet-600
#7c3aed#7c3aedffrgb(124, 58, 237)rgba(124, 58, 237, 1)hsl(262, 83%, 58%)hsla(262, 83%, 58%, 1)hsv(262, 76%, 93%)cmyk(48%, 76%, 0%, 7%)5.7:1
Relación de contraste
Complementario
Análogos
Triádica
Sin favoritos
🔒 Procesamiento 100% local. Ningún dato se envía al servidor.
Extraer colores de imagen →Esta herramienta convierte colores automáticamente entre los formatos más usados en CSS, diseño, frontend y branding. Solo ingresa un color en cualquier formato y todos los equivalentes aparecen al instante.
Además de la conversión, puedes comparar contraste entre colores, generar escalas de tonalidad estilo Tailwind, encontrar colores complementarios, análogos y triádicos, y copiar el código CSS listo para usar.
HEX es el formato más común en CSS y diseño. RGB es nativo de los monitores y útil para manipulación programática. HSL facilita ajustes intuitivos de tono, saturación y luminosidad. HSV se usa en software de edición como Photoshop. CMYK está orientado a impresión.
La herramienta convierte entre todos estos formatos y también muestra el nombre CSS más cercano y la clase Tailwind aproximada cuando está disponible.
La sección de contraste permite verificar si la combinación de color de texto con color de fondo cumple criterios de legibilidad. El cálculo sigue la fórmula de luminancia relativa usada en las directrices WCAG.
La herramienta sugiere automáticamente si debes usar texto claro u oscuro sobre el color elegido, facilitando decisiones de UI y accesibilidad.
Toda la conversión ocurre localmente en el navegador. Ningún color, dato o imagen se envía al servidor. Puedes usar la herramienta offline después de cargar la página.
HEX es una representación hexadecimal de color usada en CSS y diseño. Comienza con # seguido de 6 caracteres (o 3 abreviados). Ejemplo: #7c3aed representa un púrpura vibrante.
RGB define color por rojo, verde y azul (modelo de pantalla). HSL define por tono, saturación y luminosidad, siendo más intuitivo para ajustes visuales.
Sí. Cada formato tiene un botón de copiar individual. También puedes copiar como variable CSS o copiar todos los formatos a la vez.
Sí. La interfaz es totalmente responsiva y funciona en cualquier dispositivo con navegador moderno.
No. Todo el procesamiento es local en el navegador. Ningún dato sale de tu dispositivo.
No. La conversión de RGB a CMYK es una aproximación matemática. Para resultados exactos de impresión, consulta el perfil ICC del equipo.
Usa la sección de contraste. Calcula la relación de contraste e indica si la combinación cumple los criterios WCAG de legibilidad.
Enlaces útiles para continuar tareas parecidas sin empezar de cero.
Extractor de Colores de Imagen
Extrae colores de cualquier imagen directamente en el navegador, genera paletas, copia variables CSS y crea temas para tus proyectos — todo localmente.
Generador Visual de CSS
Crea gradientes, sombras, bordes, border-radius, glassmorphism, filtros y animaciones con sliders y copia el código CSS.
Conversor de Imagen y PDF
Convierte más de 20 formatos de imagen y PDF directamente en tu navegador con un flujo rápido, gratis, sin registro y sin login.
Las herramientas de esta página se ejecutan en el navegador y no envían automáticamente el contenido ingresado a un backend. Esto mejora privacidad y reduce latencia.