Paleta de colores de una imagen
Suelta una imagen y obtén sus colores principales con valores HEX y RGB. Haz clic en un color para copiar su valor.
o toca para elegir.
Elegir archivoInserta esta herramienta gratis
Pega este código donde quieras que aparezca la herramienta en tu web. Contiene tu clave personal.
Gratis y sin registro. La herramienta funciona en el navegador de tus visitantes y sus archivos nunca se suben. Debajo aparece una pequeña mención a enhancevision.de.
Paso a paso
- Suelta una imagen: una foto, una captura de pantalla, un logo o un cuadro. Los colores se calculan al momento y aparecen junto a la imagen.
- En «Número de colores» eliges cuántos colores tendrá la paleta: 4, 6, 8, 10 o 12. La paleta se recalcula con cada cambio.
- En cada muestra lees el código HEX, los valores RGB y el porcentaje del color en la imagen. El color con mayor presencia siempre va primero.
- Haz clic en una muestra para copiar solo ese código HEX. Con «Copiar» pasan todos los códigos HEX de la paleta a la vez al portapapeles, separados por comas.
- Guarda la paleta con «Guardar como CSS» para tu web o con «Como imagen (PNG)» como resumen para compartir o imprimir.
Para qué sirve
- Colores de marca desde el logo: Si el logo solo existe como imagen, la paleta te da los valores de color para tarjetas, web y gráficos de redes sociales. Para colores corporativos exactos, compara el resultado con los valores oficiales si existen.
- Feed de Instagram coherente: Una foto favorita se convierte en la paleta con la que coloreas textos, marcos y gráficos de tus publicaciones.
- Decoración y reformas: La foto de una habitación, una tela o un cuadro muestra qué tonos combinan. Los valores ayudan a comparar con cartas de colores, aunque en pantalla los colores no se ven igual que en la pared.
- Pintura, punto, manualidades: Para un cuadro a partir de una foto, un patrón de punto o un trabajo con cuentas, la paleta muestra los colores principales y su proporción aproximada, útil para comprar la cantidad adecuada de material.
¿Para qué?
Para un diseño con el ambiente de tu foto favorita, colores de web a juego con un logo, pintura de pared a juego con un cuadro o una paleta para pintar. Los colores se ordenan según su proporción en la imagen.
Preguntas frecuentes
¿Qué precisión tienen los colores?
Son promedios de zonas de color parecidas. Para píxeles sueltos, usa el cuentagotas de un editor de imágenes.
¿Se sube mi imagen?
No.
¿Qué contiene el archivo CSS?
Una variable CSS por color, numerada según su proporción: --farbe-1, --farbe-2, etc. Pégala en tu hoja de estilos y usa los colores mediante las variables.
¿Cómo es el PNG?
Muestra cada color como un cuadrado grande, uno junto a otro, con el código HEX debajo; sirve como moodboard o para compartirlo.
Falta un color pequeño y llamativo, ¿por qué?
La paleta agrupa colores parecidos y tiene en cuenta cuánta superficie ocupan. Un pequeño toque de color se diluye fácilmente en uno mayor. Aumenta el número de colores y será más probable que tenga su propia muestra.
¿Se cuentan las zonas transparentes?
No. Los píxeles casi transparentes se ignoran. Con un motivo recortado obtienes solo los colores del motivo, no los del fondo vacío.
¿Obtengo siempre la misma paleta?
Sí. La misma imagen con el mismo número de colores da siempre el mismo resultado, así que puedes repetir la paleta cuando quieras.
¿HEX o RGB? ¿Cuál necesito?
Los códigos HEX como #3A6EA5 se usan en webs y en la mayoría de programas de diseño. Los valores RGB hacen falta cuando un programa pide rojo, verde y azul por separado. Ambos describen el mismo color.