Paleta de color de la imagen

Suelta aquí una imagen o haz clic para seleccionarla

Extrae localmente los colores HEX, RGB y HSL dominantes.

Extraer la paleta de una imagen resulta útil para diseñar interfaces, páginas de destino, paneles de inspiración de marca, variables CSS, gráficos para redes sociales, presentaciones y páginas de productos. La paleta reúne los colores dominantes que dan coherencia a un diseño.

Sube un logotipo, captura de pantalla, fotografía, imagen de producto, ilustración o diseño de referencia y copia los valores HEX, RGB y HSL y las propiedades personalizadas de CSS generadas. El muestreo se ejecuta localmente en el navegador.

Elige la cantidad de colores y el detalle del muestreo

Usa menos colores para una paleta de marca o interfaz compacta y más cuando la imagen contenga varios tonos relevantes. El muestreo detallado examina la imagen más de cerca, mientras que el básico procesa los archivos grandes con más rapidez. Los píxeles transparentes se ignoran para que no aparezcan como un color falso.

Cómo usar el resultado

Los colores extraídos son aproximaciones dominantes, no una garantía de los tokens del diseño original ni de los valores de impresión. Revisa el contraste antes de usarlos en texto y controles. Puedes copiar las propiedades personalizadas de CSS o descargar un .css archivo para seguir editándolo.