Skip to content

A tool which read an image and make a ranking of the most used colors on it.

Notifications You must be signed in to change notification settings

Nick-Gabe/color-ranker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Color-Ranker

An image reader tool which gets a complete ranking based in the most used colors on it.

Issues Forks Stars License Version

Installation

npm install color-ranker

How to use

var colorranker  = require("color-ranker");
// or if you're using ES6
import colorranker from "color-ranker";

colorranker({directory, output, tolerance, percentage})
// The function must receive these values inside an object
// Further explanation below

Directory

{ directory: "path/to/image.png" }

First you need to say the image directory to the function, where the image is located.

You must send it as a string, including its format "image.png", "image.jpeg", etc...

Output

{ output: "hex" }
// default: RGBA

Currently the color codes available for output are:

  • RGBA (255, 255, 255, 255)
  • RGB (255, 255, 255)
  • HEX (#000000)
  • Integer (0xFFFFFFFF)

You must pass them as a string, e. g. "hex", "integer".

Tolerance

{ tolerance: 0 }
// default: 30

Tolerance is the maximum amount of RGB variation that can consider one color the same as another.

The default tolerance being 30 means (225, 225, 225) is considered the same color as (255, 255, 255).

More tolerance = faster execution, but also means more detail will be lost. Less tolerance is the opposite.

Percentage

{ percent: true } // ---> output { color: '#e3fffe', quantity: 42.96 }
// default: false

You can give the function a parameter called "percent", if set to true it will return the percentage of pixels in the image equivalent to each color.

By default it is set to false, meaning it will display only the quantity of pixels instead.

Retrieving the data

The color ranking will be returned as a promise.

colorranker({directory: "example/image.png", output: "hex", tolerance: 30}).then(promise => console.log(promise))
// or you can use await
const ranking = await colorranker({directory: "example/image.png", output: "hex", tolerance: 30})
console.log(ranking)

// Output:
[
  { color: '#ffe0da', quantity: 1426 },
  { color: '#fab5ac', quantity: 438 },
  { color: '#722b21', quantity: 294 },
  { color: '#924d42', quantity: 208 },
  { color: '#d69b8b', quantity: 203 },
  { color: '#c48274', quantity: 168 },
  { color: '#fff3f3', quantity: 140 },
  { color: '#ffede6', quantity: 128 },
  { color: '#ffc0ac', quantity: 84 },
  { color: '#ffc3b2', quantity: 72 },
... 39 more items
]

Author

I'm Nícolas Gabriel, also known as Nick Gabe, I started programming in 2020. Already developed Discord Chatbots, Games, Bad Apple and now Libraries. This is my first public code, but I won't stop there and I'm planning to do more contributions to the community in the future.

License

MIT License Copyright (c) 2021 Nícolas Gabriel da Silva Sena

About

A tool which read an image and make a ranking of the most used colors on it.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published