getColorFromImage

The getColorFromImage function extracts the dominant color from an image. You can use the extracted color with the setColorScheme function to create dynamic color schemes.

Usage

Import the function:

import { getColorFromImage } from 'mdui/functions/getColorFromImage.js';

Example:

const image = new Image();
image.src = 'demo.png';

getColorFromImage(image).then((color) => {
  console.log(color);
});

API

getColorFromImage(image: string | HTMLImageElement | JQ<HTMLImageElement>): Promise<string>

This function takes a CSS selector for an <img> element, an HTMLImageElement object, or a JQ object representing an <img> element as its parameter.

It returns a Promise that resolves to the hexadecimal color value of the dominant color in the image (e.g., #ff0000).