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.
Importar una imagen
para identificar 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 dominantes muestra únicamente los controles y resultados que corresponden a su función. Las opciones disponibles dependen de la herramienta y de la entrada.
Formatos compatibles
Cómo funciona
Paso 1
Abre Colores dominantes y prepara la entrada solicitada por la interfaz
Paso 2
Ajusta los controles visibles según el resultado que buscas
Paso 3
Revisa el resultado antes de copiarlo, exportarlo o reutilizarlo
Errores comunes a evitar
- No des por compatible un formato u opción que no aparezca en la interfaz.
- Comprueba los valores antes de reutilizarlos en una identidad visual, interfaz o archivo final.
- Si el resultado se usa en texto o componentes de interfaz, revisa también el contraste.
Consejos de profesionales
- Conserva el valor de origen junto al resultado para poder comparar variantes.
- Usa los formatos que muestra realmente la herramienta en lugar de estimar conversiones.
- En móvil y tableta, permite que textos y controles ocupen varias líneas.
Tratamiento de datos
El tratamiento depende de la función utilizada. El consentimiento, la analítica y las funciones de cuenta del sitio son servicios separados de la operación de color.
Qué hace esta herramienta
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 dominantes se centra en esa tarea y no presupone funciones que no aparecen en su interfaz. Utiliza los controles disponibles para obtener el resultado necesario y comprueba los valores mostrados antes de trasladarlos a otra herramienta, hoja de estilos, archivo de diseño o documento.
Preparar una entrada adecuada
Empieza con la entrada que solicita Colores dominantes: color, valor, imagen o ajuste según la pantalla. Los formatos indicados para esta página son JPG, PNG, WebP, GIF, SVG. Si un formato u opción no aparece en la interfaz, no lo consideres compatible con esta función concreta.
Leer y comprobar el resultado
Interpreta el resultado según la operación realizada. Compáralo con el valor de origen y revisa los controles que han influido en el cálculo. Para trabajos visuales importantes, comprueba también el resultado en la interfaz real en la que se utilizará y no solo a partir del código.
Uso en móvil y tableta
Colores dominantes usa el diseño responsive del sitio. Los títulos, subtítulos, breadcrumbs y controles pueden pasar a varias líneas en pantallas estrechas para que las traducciones largas no se corten. Aun así, revisa el resultado final en el dispositivo y el contexto en los que lo utilizarás.
Reutilizar el resultado en tu proyecto
Después de comprobar el resultado, usa únicamente las acciones que ofrece Colores dominantes, como copiar o exportar cuando estén disponibles. Conserva el valor de origen si necesitas reproducir el ajuste y, en trabajos de interfaz, documenta también la función del color y el contraste necesario.
Herramientas relacionadas
Guías y tutoriales
Aprende a usar nuestras herramientas con nuestras guías detalladas.
dominant-colors: guía práctica de palette
Guía localizada para usar dominant-colors, entender buenas prácticas de palette y evitar errores comunes.
dominant-colors: guía práctica de extraction
Guía localizada para usar dominant-colors, entender buenas prácticas de extraction y evitar errores comunes.
dominant-colors: guía práctica de extraction
Guía localizada para usar dominant-colors, entender buenas prácticas de extraction y evitar errores comunes.
Preguntas frecuentes
Aprende a usar nuestras herramientas con nuestras guías detalladas.