Contact

Color Theory






Color Names


Color names have the advantage of carrying meaning and therefore can help choosing good colors. The meaning might be shared by people speaking or knowing the same language because color names are tied to language boundaries. Of course, this can be an advantage and a disadvantage at the same time. Knowing colors by name also helps building up the set of colors one is conscious to. On average people can tell ten to twenty colors spontaneously. Growing that list to about 50 to 300 makes using color more intuitive.

For a one-page overview we prepared a full color chart ordered by name with useful color properties.

But wait, you might find it more useful to browse color names by hue ranges and luminance (perceived brightness) values.


How to use:

Please use the HEX, RGB or HSL values of the colors as HTML color code or CSS color code. For documents / applications the quickest way to use a certain color is to copy its HEX value and paste it into a designated input field.

If you like a color but want to tweak its properties you can take it over to the HSL Color Picker. Watch out for the link...

The color pages contain several color properties like RGB, HEX and HSL values. This way you should be able to use the colors for most applications.

The luminance value of the colors allows checking for appropriate perceived brightness contrast in advance. Read more about color luminance here.


Summary:

Color names allow us to characterize color in a more natural way compared to properties of color systems. This comes in handy for color choosing, color identification and in communication. In practice this compensates for the lack of accuracy of such characterization. Browsing colors by name is a great method to gain inspiration.





Color Name Examples:


  Maroon #800000


  Pumpkin #FF7518


  Gold #FFDF00


  Apple Green #8DB600


  Pink #FFC0CB


  Baby Blue #89CFF0