Color Thief JavaScript Library Browser Demos

Download This Plugin Back To jQueryScript

Extract dominant colors, full palettes, semantic swatches, contrast data, and live palettes from images, canvas frames, and video in a plain HTML page.

Loading Color Thief from the browser bundle.

Image Extraction

Select a local sample image and run the browser APIs against the same source.

Selected source image

Dominant Color

Waiting for image data

Sync API

Pending

Async API

Pending

ImageData Source

Pending

ImageBitmap Source

Pending

Palettes and Swatches

Compare palette output, semantic buckets, and color object values.

Palette

Semantic Swatches

Progressive Extraction

Three passes return quick previews before the final palette lands.

Canvas and Video Sources

Watch changing browser media and update palettes from live frames.

observe()

Waiting for live frames

Canvas Source

Pending

Video Source

Pending

Worker Option

Pending

AbortSignal

Pending

Create a Color Object

Build a color directly and read the same helper methods used by extracted colors.

createColor()

Pending