./prontouso

Extractor de Paleta de Colores

Carga una imagen de forma local y genera una paleta reutilizable con los colores dominantes, porcentajes aproximados y valores listos para copiar.

Se ejecuta localmente en tu navegador. Esta herramienta no sube tu entrada a ningún servidor.

Image

O suelta una imagen .png, .jpg, .jpeg, .webp · hasta 2.0 MB. Se lee en tu navegador, nunca se envía.

The palette appears after loading an image.

Palette

    Cómo extraer una paleta de colores

    Carga una imagen y extrae colores dominantes aproximados con valores HEX, RGB y de porcentaje para referencias de diseño, CSS y notas de marca.

    Cómo se muestrean los colores

    El extractor reduce la imagen para mayor velocidad, muestrea píxeles, ignora los píxeles mayormente transparentes, y agrupa los valores RGB cercanos en categorías. Los porcentajes describen la imagen muestreada, no un conteo de color exacto de laboratorio.

    Elegir la cantidad de colores

    Usa menos colores cuando necesites una paleta compacta de marca o interfaz. Usa más colores cuando la imagen tenga varios acentos, degradados o colores de producto importantes.

    Usar la paleta

    • Copia el HEX para variables CSS, tokens de diseño o muestras de color rápidas.
    • Usa RGB cuando una herramienta de diseño o flujo de canvas espere canales numéricos.
    • Verifica el contraste por separado antes de usar un color muestreado para texto.

    Manejo de la imagen

    La paleta es una aproximación a partir de la imagen cargada. Para trabajo crítico de marca, compara los valores muestreados con los tokens de marca oficiales o los archivos de diseño de origen.

    Preguntas frecuentes

    ¿Por qué el color extraído es un poco diferente del píxel que esperaba?

    Los colores cercanos se agrupan en categorías después del muestreo, así que el resultado representa áreas de color dominante en lugar de un píxel exacto.

    ¿Se cuentan los píxeles transparentes?

    Los píxeles mayormente transparentes se ignoran, lo cual evita que los fondos transparentes dominen la paleta.

    ¿Puedo extraer exactamente un color de marca?

    Usa la paleta como punto de partida. Para un valor de marca exacto, muestrea desde el archivo de diseño original o la guía de marca oficial.

    ¿Por qué los degradados producen varios colores cercanos?

    Los degradados contienen muchos tonos vecinos. Reduce la cantidad de colores para una paleta más simple o conserva más colores cuando el degradado en sí importa.