https://github.com/zeroone3010/image-color-breakdown

A little JavaScript application that tells the pixel color components of an image
https://github.com/zeroone3010/image-color-breakdown

colornames image-analysis javascript

Last synced: 10 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/zeroone3010/image-color-breakdown
• Owner: ZeroOne3010
• License: mit
• Created: 2022-08-12T12:51:46.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2022-10-20T10:42:22.000Z (over 3 years ago)
• Last Synced: 2024-01-27T06:39:47.513Z (over 2 years ago)
• Topics: colornames, image-analysis, javascript
• Language: HTML
• Homepage:
• Size: 194 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
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](https://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](https://commons.wikimedia.org/wiki/File:Windows_Logo_%281992-2001%29.svg),

as grabbed from Wikipedia in PNG format:

![](windows-logo-colors-broken-apart.png)

Styled with [Simple.css](https://simplecss.org/).