Crea una paleta a partir de cualquier foto, logo o captura de pantalla
El extractor de colores de imagen encuentra los colores dominantes de una imagen y los convierte en una paleta lista para usar. Arrastra una foto de producto, la captura de un competidor, una imagen de tu mood board o tu propio logo y obtendrás de 4 a 12 códigos hex que puedes copiar uno a uno o exportar en conjunto. Todo ocurre en tu navegador: el archivo se dibuja en un canvas oculto, se reduce a 256 píxeles y se muestrea ahí. Nunca se sube, así que tus diseños privados y el material sin publicar se quedan en tu equipo.
Cómo usarlo
- Arrastra una imagen a la zona de carga o haz clic para elegir una. Sirve cualquier imagen que el navegador pueda leer, incluidos JPEG, PNG, WebP, GIF y SVG.
- Mueve el control Colores entre 4 y 12 para decidir cuántas muestras quieres. Menos te da el tema general; más capta acentos y sombras.
- Haz clic en una muestra para copiar su código hex, o pulsa Exportar para obtener el conjunto completo como variables CSS, configuración de Tailwind, SCSS, JSON, Figma Tokens, Adobe ASE o GIMP GPL.
- Pega un color en el verificador de contraste para confirmar que es legible como texto, o pásalo al generador de paletas para obtener armonías.
Ejemplos
- Marca a partir de un logo: extrae 5 colores del PNG de un logo, exporta como Tailwind y tus botones y títulos coincidirán exactamente con la marca.
- Tema a partir de una fotografía: una foto de atardecer da un naranja cálido, un morado profundo y un neutro arena: un tema completo de landing page en un solo paso.
- Igualar un sitio existente: haz una captura de una página que admires y extrae su paleta para estudiar cómo equilibra un color primario con los neutros.
Consejos
- Recorta primero la imagen a la zona que te interesa; un fondo blanco grande dominará el resultado.
- Empieza con 6 colores. Sube solo si falta un acento que puedes ver.
- Los colores extraídos rara vez son accesibles como texto por sí solos; comprueba cada uno sobre blanco y negro antes de usarlo para texto.
- ¿Necesitas una paleta para una atmósfera que puedes describir pero de la que no tienes imagen? Prueba el generador de paletas con IA.