Herramientas de color gratuitas
Extrae, analiza, convierte y comparte tus colores. 12 herramientas profesionales 100 % gratuitas, sin registro.
Selector de color
Extrae colores directamente de cualquier imagen y lee sus códigos HEX, RGB, HSL y HSV exactos. Haz zoom en un píxel, muestrea un tono y cópialo al instante.
Extraer colores
Extrae los colores principales de una foto o ilustración en muestras HEX, RGB y HSL nítidas. Crea una paleta lista desde tu imagen y copia cada código al momento.
Generador de paletas
Genera una paleta de colores completa y equilibrada desde cualquier imagen con códigos HEX, RGB y HSL. Ajusta cada muestra y exporta el conjunto para tu diseño.
Colores dominantes
Identifica los colores dominantes de una imagen ordenados por cobertura de píxeles, con HEX, RGB y HSL. Extrae los tonos principales detrás de fotos y logotipos.
Colores similares
Encuentra colores similares a tu selección por distancia perceptual en HEX, RGB y HSL. Descubre tonos cercanos y vecinos próximos para afinar tu paleta.
Convertir color
Convierte cualquier color entre HEX, RGB, HSL, HSV, CMYK, OKLCH y LAB al instante. Pega un valor, lee todos los formatos y copia el código que quieras.
Contraste de colores
Verifica el ratio de contraste entre texto y fondo según los criterios WCAG AA y AAA. Obtén el ratio exacto, el estado de aprobado o fallo y tonos más legibles.
Exportar paleta
Exporta tu paleta a variables CSS, SCSS, JSON, ASE y tokens de Tailwind. Copia código listo para producción de cada muestra e intégralo en cualquier proyecto.
Vista previa de colores
Visualiza cómo lucen tus colores dentro de una interfaz real antes de decidir. Prueba tus tonos HEX y RGB sobre elementos de UI y evalúalos siempre en contexto.
Descargar colores
Descarga tu paleta final como una lámina de muestras PNG o SVG con sus códigos HEX. Guarda cada tono como imagen para compartir en presentaciones y maquetas.
Compartir colores
Comparte cualquier paleta mediante un enlace único que lleva cada valor HEX y RGB. Envía tus muestras a compañeros y clientes con un solo clic al momento.
Armonías de color
Explora armonías complementarias, triádicas, análogas y divididas desde un color base. Crea esquemas equilibrados en la rueda con códigos HEX, RGB y HSL.
Generador de degradado CSS
Genera degradados CSS lineales, radiales y cónicos con paradas de color y ángulos libres. Previsualiza y copia código de fondo listo para tus hojas de estilo.
Generador de degradado mesh
Crea hermosos degradados mesh multicolor con puntos fundidos y gran profundidad. Ajusta cada nodo de color y exporta fondos CSS listos para usar en tu diseño.
Generador de degradado animado
Crea fondos con degradado animado en CSS con colores cambiantes y velocidad ajustable. Previsualiza el movimiento y copia el código de keyframes para tus estilos.
Simulador de daltonismo
Simula cómo lucen tus colores en visión protanope, deuteranope y tritanope. Prueba la accesibilidad daltónica de una paleta y corrige los pares confusos.
Legibilidad del texto
Prueba la legibilidad del texto sobre pares de color de texto y fondo con vista previa. Verifica el contraste, detecta combinaciones difíciles y elige mejor.
Analizador WCAG
Analiza una paleta completa para la conformidad de contraste WCAG en cada par. Obtén resultados de aprobado o fallo en AA y AAA y corrige las diferencias.
Generador glassmorphism
Genera tarjetas glassmorphism con desenfoque, transparencia y tinte ajustables. Previsualiza el efecto de vidrio y copia el CSS backdrop-filter para tus diseños.
Generador neumorphism
Crea elementos neumórficos soft UI con sombras claras y oscuras y relieve redondeado. Ajusta distancia y desenfoque y copia el CSS box-shadow de tus botones.
Generador de sombras coloridas
Genera sombras CSS coloridas con tono, desenfoque, expansión y desplazamiento a medida. Previsualiza los brillos con tinte y copia un código box-shadow limpio.
Generador de efecto duotono
Aplica un impactante efecto duotono que mapea las sombras y luces de una imagen en dos colores. Elige un par HEX, previsualiza la mezcla y descarga el resultado.
Filtro de color de imagen
Aplica filtros, tintes y superposiciones de color a cualquier imagen con modos de fusión ajustables. Previsualiza tono y opacidad y descarga el resultado.
Creador de mood board de color
Compón mood boards visuales que unen las muestras de tu paleta con imágenes y tono. Organiza los colores, prueba las combinaciones y exporta el tablero final.
Mezclador de colores
Mezcla dos colores para crear nuevos tonos con códigos HEX, RGB y HSL precisos. Ajusta la proporción entre los tonos y copia cada paso intermedio que logres.
Tintes y tonos
Genera una escala completa de tintes y tonos desde un color base en pasos regulares y útiles. Obtén variantes más claras y oscuras con códigos HEX, RGB y HSL.
Paleta aleatoria
Genera paletas de colores aleatorias al instante para despertar ideas frescas de diseño. Bloquea los tonos que te gusten, repite el resto y copia los códigos HEX.
Paleta por palabra clave
Genera paletas de colores desde cualquier palabra clave, ambiente o tema que escribas. Convierte océano o atardecer en muestras HEX, RGB y HSL bien combinadas.
Generador de paleta Tailwind
Genera una paleta de color Tailwind CSS a medida con las escalas completas de 50 a 950. Copia la configuración lista para tailwind.config e intégrala en tu build.
Generador de variables CSS
Exporta tu paleta como propiedades personalizadas CSS con nombres claros y reutilizables. Copia un bloque :root de tokens de color listo para pegar donde sea.
Generador de tema shadcn/ui
Genera un tema shadcn/ui completo con tokens de color claros y oscuros combinados en HSL. Copia las variables CSS de tus componentes e intégralas en el proyecto.
Generador de variables SCSS
Exporta tu paleta como variables SCSS y Sass con nombres semánticos y ordenados. Copia un parcial listo de tokens de color e impórtalo en toda tu hoja de estilos.
Analizador de temperatura
Analiza el equilibrio de tonos cálidos y fríos de un color o paleta en una escala. Observa si los tonos tienden a lo cálido o lo frío y afina el ambiente.
Emoción del color
Explora las emociones y la psicología del color para elegir tus tonos con intención. Observa qué transmite cada tono y crea paletas con la sensación buscada.
Extractor de colores de marca
Busca una marca en el catálogo para consultar sus colores registrados y copiar rápidamente los códigos HEX disponibles.
Tendencias de color
Descubre los colores de tendencia y las paletas populares para tus diseños actuales. Explora los tonos del momento con sus códigos HEX y añádelos a tu trabajo.
Mapa de degradado
Aplica mapas de degradado que recolorean los tonos de una imagen, de sombras a luces. Elige una rampa de color, previsualiza el look y descarga el resultado.
Superposición de color
Añade superposiciones de color a cualquier imagen con modos de fusión, tono y opacidad ajustables. Previsualiza multiplicar, trama y otras fusiones y descarga.
Paleta monocromática
Crea esquemas de color monocromáticos desde un solo tono con tintes y sombras graduados. Construye paletas cohesivas y copia cada variante en HEX, RGB y HSL.
Esquema complementario
Genera esquemas de color complementarios desde los lados opuestos de la rueda cromática. Combina un tono base con su contraste en HEX, RGB y HSL equilibrados.
Vista previa de UI
Previsualiza tu paleta en componentes de UI realistas como botones, tarjetas y formularios. Observa cómo combinan tus tonos HEX y RGB antes de crear la interfaz.
Vista previa social
Previsualiza tu paleta en maquetas realistas de publicaciones para redes sociales. Observa cómo lucen los tonos en un feed y elige un esquema que destaque.
Herramientas de color profesionales para diseñadores y desarrolladores
Nuestra suite de herramientas de color te permite extraer paletas de tus imágenes, convertir entre formatos (HEX, RGB, HSL, CMYK), verificar la accesibilidad WCAG y exportar tus colores a CSS, Sass o Tailwind. Todas las herramientas funcionan directamente en tu navegador, sin registro y respetando tu privacidad.
Extracción y análisis de colores desde imágenes
Usa nuestro selector de color (cuentagotas) para identificar con precisión cualquier color en tus fotos. Extrae automáticamente los colores dominantes y genera paletas armoniosas a partir de tus imágenes de inspiración. Perfecto para branding, diseño web y creación gráfica.
Conversión y accesibilidad del color
Convierte al instante tus colores entre HEX, RGB, HSL y CMYK. Verifica el contraste entre tus colores según las normas WCAG AA y AAA para garantizar la accesibilidad de tus diseños. Genera armonías de color basadas en el círculo cromático: complementarias, análogas, triádicas y más.
100 % gratis, sin registro, respetuoso con la privacidad
Todas nuestras herramientas de color son completamente gratuitas y no requieren registro. Tus imágenes y datos se procesan localmente en tu navegador y nunca se envían a nuestros servidores. Usa nuestras herramientas con confianza para tus proyectos personales y profesionales.