Skip to content

A little JavaScript application that tells the pixel color components of an image

License

Notifications You must be signed in to change notification settings

ZeroOne3010/image-color-breakdown

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Image color breakdown

This little application can be used to pick an image apart and to get an breakdown of the colors used in it. Try it out here: https://zeroone3010.github.io/image-color-breakdown/

This may come in handy when you have got, say, a logo with a few distinctive colors. Sure, you could use any app with an eyedropper tool, but with this one you'll get all the colors at once (or at least the 500 most common colors, but that should be plenty).

You will also get a list of the colors in the order of appearance (starting from top left, going right, then down). This may come in handy if you've got, say, a picture of a gradient and you need to extract the color codes from it in order.

As an added bonus, next to each color name is a link to colornames.org where you can check whether someone has named that particular color, or name the color yourself!

Here's an example screenshot picking apart the old Windows logo, as grabbed from Wikipedia in PNG format:

Styled with Simple.css.

About

A little JavaScript application that tells the pixel color components of an image

Topics

Resources

License

Stars

Watchers

Forks

Languages