Color measurement methods
Image:

color 1 color 2 color 3 color 4

color 5 color 6 color 7

  • 1: Average colour of image as RGB (getAverageColourAsRGB.js)
  • 2: Extract prominent colors from an image (vibrant.js)
  • 3: Extract dominant color from an image (color-thief.js)
  • 4: Count colors from an image
  • 5: Count colors from an image with fixed intervals
  • 6: Count saturation from an image
  • 7: Count lightness from an image
Please pick an image...
  • Results

    Average colour of image as RGB (getAverageColourAsRGB.js; see: gist.github.com/nucliweb/a3a23febee3ccb9a1b5dc93dadf94fe7; last accessed on 2020 April, 14th)

    Extract prominent colors from an image (vibrant.js; see: github.com/jariz/vibrant.js/; last accessed on 2020 April, 14th; J. Zwarts, 2015)
    quality = 1 (highest 0)
    amount of colors in initial palette from which the swatches will be generated = 64
    Do not run vibrant on B&W images

    Extract dominant color from an image (color-thief.js; see: lokeshdhakar.com/projects/color-thief/; last accessed on 2020 April, 14th; L. Dhakar, 2015)

    Count colors from an image:

    Count colors from an image with fixed intervals:

    Count saturation from an image:

    Count lightness from an image: