Icon Related Request

[Null]

Idk where to go to make this request, but can you somehow ask for more seriositty for the tags that people put on icons and also make it mandatory for ppl to put as a tag the color/colors or just the predominant one?

 

[Ralle]

You want tags for the primary colors of icons? E.g. so you can select "Spell" and "Blue" and fine a blue one?

 

[Null]

yoss please

 

[Ralle]

@TriggerHappy, @KILLCIDE, @fladdermasken, @eejin, @Bogdan3 anyone know of a good algorithm to determine primary colors out of an icon? I dabbled in it at one point but never got anywhere.

 

[eejin]

So you probably will want take the area in the icon without the borders to start. You will probably want to work in the HSV colour space too. Something easy you could try would be to just use an image library to downscale the image to 1x1.

 

[Kyrbi0]

Ooh that's a fascinating idea, and I rather like it.

 

[Ralle]

I think I tried that. It often gives a very dark color. I have thought of this before. I also thought of reducing it to like 4x4. But the amount of bright pixels is not equivalent to the space they take up. It will just result in various grey colors. I think something with HSV is more on track.

 

[loktar]

This may be too simplistic, but couldn't you take the average of every pixel, but ignore black, grey and white ones (0 saturation)?

 

[Null]

except when the icons have most of the colors black and grey

 

[fladdermasken]

anyone know of a good algorithm to determine primary colors out of an icon?

Depends how far down the rabbit hole you want to go I guess. I never dabbed much with this either, but you could maybe use some form of median cut algorithm, e.g. as done here Color Thief. If you want to go simpler, maybe try using a heavy blur filter to average out the pixel intensities instead of scaling it down.

 

[Ralle]

Ah, that's actually usable. Good suggestion @fladdermasken.

 

[Avatars Lord]

Very cool idea! Here is my input.

Spoiler

I used the Median Cut (Bucket Sort) which @fladdermasken suggested. Wrote it in JS. Pastebin

 

[Ralle]

That's very cool! How are you mapping the color names?

 

[Avatars Lord]

I just calculate the distance between the color's RGB values and colors' RGB values in the color array. It gets the name of the color(in the array) it is closest to.

I took the list of colors at Wikipedia Web Colors and added a few more colors.

 

[Ralle]

Ah that's good. It leaves us with a set of colors instead of potentially ALL colors. This is starting to shape into something I will add later