Color Name & Hue
It is always a problem for me to assign a certain color to a main hue. If you struggle also with this because of your color blindness, Color Name & Hue might help you. Try it out.
|
|||||||||||||||||||||||||||||||||||
With this little tool you can either enter RGB (Red-Green-Blue) values, HSB (Hue-Saturation-Brightness) numbers or a hexadecimal code for a color, to find its closest match of a named color and its corresponding hue. It is also possible to just use the sliders to see how color hues are changing. The list of colors comprises 1640 different color names extracted from several sources on the web.
The color name is matched to one of the following main color hues: Red, Orange, Yellow, Green, Blue, Violet, Brown, Black, Grey, and White.
I always wanted to have such a tool because it's fascinating for me to see matching color hues of colors I just can't categorize. Finally I was inspired by Chirag Mehta and his tool Name that Color. Many thanks to him. Color Name & Hue is just a little extension to his work. But nevertheless it took me a lot of time to match all those colors to their corresponding main color hues.
Thanks
- Chirag Mehta for Name that Color and letting us use his JavaScript code.
- John Dyer for his Photoshop like JavaScript Color Picker
- My wife. She has my not-colorblind eyes.
I tried to check the color hues as good as possible. Of course one can argue about certain colors and their main hue. So please be a little bit generous when using this tool and don't rely on it, specially for print colors. If you find some colors which are definitely assigned to the wrong hue just add a remark in the comments section and I will correct it in the list of colors.
January 11th, 2008 at 22:18
That’s awesome. Great work!
January 14th, 2008 at 14:39
Daniel, this is great for colorblinds, and not only !
I was thinking about some similar tool to, but only for Windows OS. You did a much better job having it available online, so anyone can use it. I really apreciate. In fact, I might write a post in romanian on my colorblindness related blog pointing to this tool.
January 16th, 2008 at 4:12
wow, great tool. i think its interesting that more men than women are colorblind. And i was looking over some other comments and one thing i know about cats is that are NOT colorblind. they can see color but only close up. everything far away is in black and white. interesting huh. thanks for the wonderful too.
March 7th, 2008 at 6:23
I guess this doesn’t work with Firefox.
Nothing changes and only a pale blue ever shows up in the large square. No “sliders” are visible.
March 7th, 2008 at 8:59
Clay, thanks for the hint. I uploaded a different file with the same name which caused the problems. It should be working now again.
March 13th, 2008 at 5:20
Hi, I’m red-blind but your program classes #874300 as Olive (Hue=Green). That’s definitely wrong.
April 20th, 2008 at 11:52
[...] Colour Name and Hue With this little tool you can either enter RGB (Red-Green-Blue) values, HSB (Hue-Saturation-Brightness) numbers or a hexadecimal code for a color, to find its closest match of a named color and its corresponding hue. It is also possible to just use the sliders to see how color hues are changing. The list of colors comprises 1640 different color names extracted from several sources on the web. [...]
April 21st, 2008 at 4:00
I have tried to figure out the name of my color on my website for days and days. You have solved my problem. Thank you!
April 25th, 2008 at 9:57
This is awesome. Works like a charm. I was creating few colorful themes for one of my application and you have solved a big problem.
Thanks a ton!!! gud work.
May 5th, 2008 at 15:33
Doesn’t work very well. HSB 50 100 80 is rated as green but is clearly a yellow-tone. Its even nearly orange.
May 20th, 2008 at 13:56
[...] pritr?ksta fantazijos sugalvoti spalv? pavadinimus visada galime pasinaudoti ?rankiais Color Name & Hue ir Name that [...]
May 21st, 2008 at 18:34
That is a great tool! Another one that might be helpful is this color thesaurus: http://www.hp.com/idealab/us/en/colorimage.html. How it works is you type the name of a color into the tool and it give you other names and color swatches that are similar and opposite.
May 26th, 2008 at 18:24
D69704 (Gamboge) is much more of an Orage hue than a Yellow one.
June 26th, 2008 at 16:51
[...] somewhere on the internet. Well, here are two such tools: ‘Name That Color‘ and ‘Color Name & Hue‘, that I came across recently; one for color vocabulary and identification, the other, a [...]
June 29th, 2008 at 15:27
[...] * Color Name & Hue [...]
August 2nd, 2008 at 13:32
Thanks, this is an amazing tool- exactly what i was looking for. my one issue- some of the colour names are pretty ridiculous-sounding, eg. Temptress, Screamin’ Green, etc. More universal names might make give it a little more authority…
August 25th, 2008 at 11:42
[...] automatically chosen. You can click on one to set it as the primary color.20.Color Name & Huehttp://www.colblindor.com/color-name-hue/It is always a problem for me to assign a certain color to a main hue. If you struggle also with [...]
August 25th, 2008 at 14:37
[...] 20.Color Name & Hue http://www.colblindor.com/color-name-hue/ [...]
September 4th, 2008 at 10:32
[...] seperti yang Anda impikan. Nah produk dari name the color juga perlu dicoba juga. Termasuk dari Color Name & Hue ini. Tags: css, design web « Beberapa Alasan Pentingnya [...]
September 30th, 2008 at 11:47
I am green-blind, but I can tell that “West Coast” is too dark to be classified as “yellow”
September 30th, 2008 at 12:08
“olivine” shouldn’t be “orange”
November 29th, 2008 at 17:17
[...] on another note, the color name “Deep Bronze” comes from a fun little tool I found at http://www.colblindor.com/color-name-hue/ which give the closest color name to the input color values (in HSB or two styles of RGB). Fun for [...]
January 1st, 2009 at 5:29
may I use this tool in my website as an include or iframed content?
January 6th, 2009 at 23:52
My question is: did you match all the color to their name manually? or you used some learning or classification techniques like Neural networks to map RGB values to name??
January 7th, 2009 at 8:53
Hichem, no, not manually. I used several lists which already include the color names and hues. What is calculated is the nearest named color.
January 16th, 2009 at 22:02
#E73AB5 shows up as Free Speech Magenta (red), while #E73AB4 shows up as Deep Cerise (violet). Any way you slice it, taking away 1 from blue should not go from red to violet — that’s moving the wrong direction!
January 23rd, 2009 at 17:40
[...] Color Name & Hue [...]
February 3rd, 2009 at 11:43
This is great extension, well done Daniel. However you color picker today looks out of its place….
If you are interested, I am running an online colour naming experiment as part of my MSc thesis, which includes a web based colour blindness test. It would be very interesting to compare the color naming constancy between people with colour deficiencies and with typical colour vision. Feel FREE to participate.
February 5th, 2009 at 17:43
A0BAF7 The color on the top does not match the long bar that says color name.
The color looks closer to Light Slate Blue, yet the name says Sky Blue. Help!!
February 11th, 2009 at 4:55
Your site is very helpful. This is something I can use to help people who know which color they like but find it difficult to determine it once presented with a wide array of like tones.
March 16th, 2009 at 10:50
thanks alot you hekped me inderstand what a hue is .. for my assignmnet :) thanks alot
March 25th, 2009 at 15:00
this has been really helpful for my school assignment in explaining psychological preferences for colour! great work!!
April 10th, 2009 at 23:07
[...] to a tool from Daniel Flück, author of a book on [...]
April 12th, 2009 at 19:25
Hi is there a way to download this and have it portable?
plz do tell :D
April 18th, 2009 at 20:14
[...] Name, Hue: http://www.colblindor.com/color-name-hue/ Name that Color: http://chir.ag/projects/name-that-color/ BitmapData Average Colours: [...]
May 19th, 2009 at 20:49
Hello, Daniel. I’ve garnered quite a bit of information while perusing your website. Color Name and Hue would indeed be a great pug-in to Photoshop. I had a question for you. If one were just dragging the Brightness (and to some extent the Saturation) slider, wouldn’t all colors in the range belong to the same hue except at the extreme end (the bottom) of the range? Yellow, for example, suddenly get’s labeled as belonging to the Green hue as the Brightness slider is about 25% from the top. Likewise, Red alternates between Red and Orange when the Brightness slider is moved. Obviously, this is a complex tool, but I was curious, from a color theory perspective, if my hypothisis was correct.
May 19th, 2009 at 21:01
Chris, what you say is of course correct. But what this tool does is: Looking for the closest color out of a huge list. And after that this color is used to identify the hue. Because of that it can happen that the most closest match is not always of the same hue.
May 29th, 2009 at 23:09
I found it confusing that the saturation slider was white at the bottom rather than grey.
June 3rd, 2009 at 18:57
[...] mi chiedo che nome abbia un certo colore, ho fatto una ricerca ed ho trovato questa paginetta che faceva proprio al caso mio, purtroppo però con i nomi dei colori in [...]
June 9th, 2009 at 1:45
This is EXACTLY what I’ve been looking for for YEARS! this is absolutely AMAZING. That one word pretty much sums it up, my career, hobby, and I am forever in your debt sir!
Sincerely,
Devin Stokes, Los Angeles, CA
June 19th, 2009 at 10:23
Thank you
June 19th, 2009 at 10:49
so cool thank so much
June 27th, 2009 at 3:55
Finalmente, eu encontrei algo tão grande quanto este! I’ VE que olha para sempre para encontrar isto. Obrigado tanto! – Kelly
June 27th, 2009 at 3:57
Tot slot vond ik iets zo groot zoals dit! I’ ve die voor altijd dit eruit ziet te weten te komen. Dankuwel!
July 11th, 2009 at 22:08
Amazing tool! I’m a 3d artist and i work with colors, but i have weak color blindness, this tool is just AWESOME! Thank you very very much!
July 14th, 2009 at 22:42
Man, thanx a lot. You save my day.
August 2nd, 2009 at 19:51
thanks for this tool!!!
vince
August 18th, 2009 at 19:04
[...] Seguro que mas de una vez has conseguido una muestra de color para tu diseño pero no sabes como definir ese color ¿verdad?, pues ahora te traemos la solución. Una aplicacion llamada Name that color, puedes probarla en el siguiente enlace: NAME THAT COLOR [...]
August 24th, 2009 at 20:10
Daniel, congratulations on creating an incredibly useful webtool. If you ever wish to develop the programme further, I have one suggestion, which is, the incorporation of a colour search engine, so, for example, if was looking for the colour ‘carmine’, i could type it in, and the right colour would match up on screen. all the best
August 25th, 2009 at 11:49
I was just thinking I needed a tool like this and was going to make one when I thought surely some clever fellow has already done it. Excellent.
August 30th, 2009 at 4:18
THANKS A LOT!! i’m a daltonic i work on design and y screw up most of the times fighting with colors, i never know if is red or brown, violet or blue… this is just what i need.
September 4th, 2009 at 16:25
omg this is really helpful for me man,im colour blind fyi :p thanks a lott,keep up the good work.
September 11th, 2009 at 18:30
[...] green, slightly neonish maybe but not really” color? Hm…let’s see what Color Name & Hue, which was built based off of Name That Color by a color-blind fella to further identify the hue [...]
September 25th, 2009 at 15:25
Thank you very much for this tool!
October 5th, 2009 at 19:09
Greetings,
thank you for that tool, it’s really useful.
I would like to ask you, if you can add a little description, or simply some words to describe the psychological effect / association… of the colors
if you can what do you think of sucj a structure:
Color, Name, Class/Category, Psycho/Asso
class/category : strong, flashy, deep, pastel
Good luck, for further, and better works.
October 13th, 2009 at 9:06
Hi Bro,
Many Many thanks to you for this great effort to name the Color.I am Color-Blind and i cant distinguish between Yellow and Green(May be i am wrong) and also others colors.So this tool help me a lot and lot.
I am web developer(PHP,ASP.NET) and also designer but i can only design the web layout and use colors which i know. Using colors in web design has always been a problem for me.
So this tool really help me a lot to find the required color of my client and apply it to my web layout.
Now i dont need any help or ask other to tell me the exact required color.
Thanks again a lot for Providing this tool.
Love You.
October 27th, 2009 at 18:25
Oh my goodness this is so beautiful. I’m a color blind photography student and I have the hardest time with this stuff… especially in editing.
fantastic!
November 11th, 2009 at 20:03
Hello Daniel,
I finally understood that your tool is online :-)
So I tried it out and find it quite handy!
However, for the colour
R 188
G 234
B 51
I consider it to be green, not yellow, when I’m using my Seekey. What does your “not colourblind eyes-wife” say to this?
Best regards,
Kenneth
November 22nd, 2009 at 18:53
This is a really awesome tool…not only for my shop, but it’ll be great for work too!
December 17th, 2009 at 22:34
good job man,
please give answer to my following question as soon as possible.
1-what is the saturation value of Blak colour?
2-what is the hue value of white colour?
January 9th, 2010 at 6:10
this was very useful for our optics class on colors in sri ramachandra university porur
January 30th, 2010 at 4:47
I like this tool. I’m not color-blind, but it helps me get the numbers (like #004196) for the colors. Thanks!
January 30th, 2010 at 11:47
F5F900
February 20th, 2010 at 3:47
I recently played a board game with my son and it involved using a plastic viewer that had a red acetate(much like a lens from older 3d glasses)that you put over a jumbled red image and a number was revealed in Black or very dark Red…I could not see any numbers or any distinguishing feature at all but my children can see the numbers that are definately there. I also do not seem to appreciate all of the 3d effect that others seem to see in the cinemas. My friend suggested that it could be pattern recognition related. Can you suggest what might be going on here as it was a complete surprise realising that i could not see something that should be able to see…I am 44 years old and this is the first time that I have found something that I simply cannot see when others are clearly able to.
February 20th, 2010 at 15:40
Dear Simon,
please explain a few more things and I might be able to suggest what your problem is:
How does the jumbled red image look to you?
What happens with the image when you look at it through the red filter?
If possible, mail me a colour photo of the jumbled red image. kenneth@seekey.se
/Kenneth
February 23rd, 2010 at 22:07
Wow, amazing. Thankx.
February 26th, 2010 at 4:11
cool, but why is #0A0100 and all those around it have the closest match to Tyrian Purple, Violet ?
February 26th, 2010 at 18:39
[...] http://www.colblindor.com/color-name-hue/ [...]
March 7th, 2010 at 11:05
I FINALLY KNOW WHAT NAVY BLUE IS
THANK YOU : D
Somehow with the hue under it did not look exactly like purple. Thank you!!!
April 6th, 2010 at 12:46
[...] Unify Fonts with Color or Style Throwing in five different fonts with seven different colors you are going to create chaos. Stick with one color or one style and be careful how you use them. The more colors you use the more chance they are going to clash. You want to stick with colors of the same hue or saturation. Colblindor.com has a color mixer to help you understand color & hue better. [...]
April 14th, 2010 at 12:11
This is amazing, thank you so much.
April 17th, 2010 at 8:26
where you get that blue?
April 30th, 2010 at 12:45
Thanks for the colorblind info! Being colorblind myself, I found your articles very informative.
May 21st, 2010 at 9:12
Great tool !
Would you be willing to share your knowledge with the developers of ColorPic ?
ColorPic is a free Windows application that can pick a color from the screen, it does name some colors, but only the basic ones. Your color names would be a great improvement to ColorPic.
I have no connections with ColorPic at all, but I will drop them a message too. Hope you can both help the colorblind people.
Thanks !
http://www.iconico.com/colorpic/
May 31st, 2010 at 0:24
i actually come on here hoping to type in my name and get to color it in the way i wantedd even thow the site is okayy aka fine aka buzzing i really wishh it to be were u color in your name
thanxx
y.pye
June 7th, 2010 at 20:00
Hi Daniel,
really great intensions and very helpful tools,… I guess I found a little error though:
For example with color #7F4400 it says Olive and Green, but the color has nothing to do with it (it’s kind of brown)… so as I played around (and I’m luckly not color blind) I found out that in HSB_S mode, if the mouse is at around 50% saturation and not quite at the point to the left where red and green both reach the peak, you get some errors. All other coordinates seem to be fine…
If you like my colorPicker at http://dematte.at/colorPicker be free to use it. (If you need instruction with it, let me know)
Cheers
June 16th, 2010 at 20:07
Peter, thanks for your comments. If I find some time I’ll update the tool. And thanks for the link, I’ll have a closer look at it.
June 18th, 2010 at 15:30
Very good test, I am monochromat, Lines stretched till strong :P hehe
June 24th, 2010 at 11:11
Thank you so much for this tool. While I’m not truly colorblind I see a very limited number of colors but am in love with doing animation and no surprise color is always an issue (Ex. I can’t tell a difference between Blue, pink and Purple unless their side by side and even then its no easy task.)
This program has helped so much in the short time I’ve been using it thank you again.
July 11th, 2010 at 8:35
that is a very good tool. keep up the good work
July 19th, 2010 at 6:41
I can never seem to tell if a color is brown or red.
July 19th, 2010 at 15:03
Dear Gabrielle,
if you find the color-name-hue tool useful on your computer, you might find the tool Seekey useful in everyday life.
/Kenneth, the inventor of the Seekey
August 11th, 2010 at 10:56
Fantastic. What I was looking for.