Extractor de colores
Saca una paleta de cualquier imagen
Imagen
Resultado
Todavía no hay ninguna imagen
Suelta una imagen y aquí aparecerá la paleta.
El porcentaje indica qué parte del área de la imagen cubre esa familia de color.
Construir un diseño alrededor de una fotografía, un logotipo o un envase es mucho más fácil cuando puedes ver sus colores reales como números. Suelta una imagen y obtén los tonos dominantes con sus códigos hexadecimales.
Cómo se usa
- 1 Suelta una imagen.
- 2 Elige cuántos colores quieres en la paleta.
- 3 Haz clic en cualquier muestra para copiar su código hexadecimal.
- 4 O copia el conjunto entero como propiedades personalizadas de CSS.
Preguntas frecuentes
¿Cómo se eligen los colores?
Los píxeles se agrupan en conjuntos de color similar y cada grupo aporta su promedio. Por eso obtienes un puñado de tonos representativos en lugar del valor de píxel más frecuente.
¿Cuántos colores conviene extraer?
Cinco es un buen punto de partida: aproximadamente un fondo, un primer plano, un acento y dos tonos de apoyo. Más de ocho suele producir casi duplicados que no sirven como paleta.
¿Qué significa el porcentaje?
Qué parte del área de la imagen pertenece a ese grupo de color. Un color al 40 % domina la imagen; uno al 3 % es un acento pequeño, que muchas veces es justo el que quieres para los botones.