Selector de color de imagen
Saca la paleta principal de una imagen con el porcentaje de cada color, o haz clic en un punto para tomar su color. Copia HEX, RGB, HSL; exporta CSS o PNG.
Cómo sacar colores de una imagen
- Elige, arrastra o pega (Ctrl+V) una imagen.
- Mira la paleta principal debajo (elige de 5 a 12 colores), o pasa sobre la imagen y haz clic para tomar el color exacto de ese punto, con lupa.
- Pulsa el icono de copiar junto a un código o exporta la paleta entera como CSS, JSON, Tailwind o imagen PNG.
Preguntas frecuentes
Se agrupan los píxeles de color parecido y se toma el color medio de cada grupo, ordenados por la superficie que ocupan. El porcentaje indica cuánta parte de la imagen cubre ese color.
Mueve el puntero (o arrastra el dedo) sobre la imagen: la lupa amplía la zona para apuntar con precisión. Haz clic o levanta el dedo y el color se añade a "Colores elegidos".
No. Los píxeles transparentes se ignoran, así que un logotipo con fondo transparente da los colores del propio logotipo.
Elige Tailwind: tienes un bloque @theme para Tailwind v4 (pégalo en tu CSS) y otro de configuración para Tailwind v3 (tailwind.config.js). Los colores funcionan al momento como bg-palette-1, text-palette-2…
Sí. La paleta se calcula sobre una copia reducida (suficiente para ver los colores principales y mucho más rápida), y los colores elegidos se leen de una copia nítida de hasta 1600 px, así que se acercan mucho al color real.
Es totalmente gratis y no requiere registro.
Herramientas relacionadas
Conversor de coloresConvierte entre códigos de color HEX, RGB y HSLCrear collage de fotosUne varias fotos en una sola imagen en cuadrículaGenerador de faviconCrea los iconos de tu web a partir de tu logoRedimensionar imagenCambia el tamaño de muchas imágenes a la vezRecortar imagenQuédate solo con la parte que quieresGirar y voltear imagenGira o voltea imágenes con un clicRecortar foto en círculoRecorta una foto en círculo con fondo transparenteAñadir texto a una imagenEscribe sobre una foto, elige posición y colorAñadir borde a una imagenPon un marco de color alrededor de una foto