Color Charts

By Webmonkey Staff

When you’re adding a color to your web page with HTML, sometimes you can just type in the name of the color. But more often than not, you’ll need to use what’s called the hex code, which is something that the browser will be able to understand. Choose a color from the list below and look to its left to get the hex code. If we wanted our background to be red, for example, we’d type bgcolor=”#FF0000″. Try it out!

Colors

Hex Code	Color
#FFFFFF
#FFFFCC
#FFFF99
#FFFF66
#FFFF33
#FFFF00
#FFCCFF
#FFCCCC
#FFCC99
#FFCC66
#FFCC33
#FFCC00
#FF99FF
#FF99CC
#FF9999
#FF9966
#FF9933
#FF9900
#FF66FF
#FF66CC
#FF66CC
#FF6666
#FF6633
#FF6600
#FF33FF
#FF33CC
#FF3399
#FF3399
#FF3333
#FF3300
#FF00FF
#FF00CC
#FF0099
#FF0066
#FF0033
#FF0000

Hex Code	Color
#66FFFF
#66FFCC
#66FF99
#66FF66
#66FF33
#66FF00
#66CCFF
#66CCCC
#66CC99
#66CC66
#66CC33
#66CC00
#6699FF
#6699CC
#669999
#669966
#669933
#669900
#6666FF
#6666CC
#666699
#666666
#666633
#666600
#6633FF
#6633CC
#663399
#663366
#663333
#663300
#6600FF
#6600CC
#660099
#660066
#660033
#660000

Hex Code	Color
#CCFFFF
#CCFFCC
#CCFF99
#CCFF66
#CCFF33
#CCFF00
#CCCCFF
#CCCCCC
#CCCC99
#CCCC66
#CCCC33
#CCCC00
#CC99FF
#CC99CC
#CC9999
#CC9966
#CC9933
#CC9900
#CC66FF
#CC66CC
#CC6699
#CC6666
#CC6633
#CC6600
#CC33FF
#CC33CC
#CC3399
#CC3366
#CC3333
#CC3300
#CC00FF
#CC00CC
#CC0099
#CC0066
#CC0033
#CC0000

Hex Code	Color
#33FFFF
#33FFCC
#33FF99
#33FF66
#33FF33
#33FF00
#33CCFF
#33CCCC
#33CC99
#33CC66
#33CC33
#33CC00
#3399FF
#3399CC
#339999
#339966
#339933
#339900
#3366FF
#3366CC
#336699
#336666
#336633
#336600
#3333FF
#3333CC
#333399
#333366
#333333
#333300
#3300FF
#3300CC
#330099
#330066
#330033
#330000

Hex Code	Color
#99FFFF
#99FFCC
#99FF99
#99FF66
#99FF33
#99FF00
#99CCFF
#99CCCC
#99CC99
#99CC66
#99CC33
#99CC00
#9999FF
#9999CC
#999999
#999966
#999933
#999900
#9966FF
#9966CC
#996699
#996666
#996633
#996600
#9933FF
#9933CC
#993399
#993366
#993333
#993300
#9900FF
#9900CC
#990099
#990066
#990033
#990000

Hex Code	Color
#00FFFF
#00FFCC
#00FF99
#00FF66
#00FF33
#00FF00
#00CCFF	DeepSkyBlue
#00CCCC
#00CC99
#00CC66
#00CC33
#00CC00
#0099FF
#0099CC
#009999	DarkCyan
#009966	Teal
#009933
#009900	Green
#0066FF
#0066CC
#006699
#006666
#006633
#006600	Dark Green
#0033FF
#0033CC
#003399
#003366
#003333
#003300
#0000FF	Blue
#0000CC	Med. Blue
#000099	Dark Blue
#000066	Navy
#000033
#000000	Black

Tags: wiki

Post Comment |
Permalink

Donald Farber

Perfect. We're trying to find paint for the house and this will help. Maybe not the intended purpose but it still works!
Ignacio Roda

I found a web tool that allows you to pick your HEX code as you do with photoshop. Really useful: http://www.rgbtool.com
sean

This site is a godsend... a WP Theme I'm trying out needed some colour this site saved the day!
Thank You, from Sean.
Oimachi4

You're all stupid. It's the truth.
Voeding

Thanks, this is what i looking for this all weeks.
Business Opportunity

Whats funny is you took the time to BOTHER to comment on what other had to say! DORK!
Typegeek

I can't believe your putting this over as a useful colour chart. It will help for beginners, but anyone looking for HTML colours is better off looking at W3Schools: http://w3schools.com/html/html_colors.asp or go straight to colour names which are supported by most browsers: http://w3schools.com/html/html_colornames.asp

Your page above only has 10 colour names!
herbalsniper

how do you make it more colourful
ed hardy clothing

It looks good,I have learn a recruit! keep-house
Recently,I found an excellent online store, the XX are completely various, good quality and cheap price,it’s worth buying!
Enrique00a

This color chart it is really useful. I used some of these colors in http://www.webdesignoptimizare.ro/
Leena Ajwani

Cool. May be useful Thanks Convert2xhtml.com
Arvindbanglore

hi i need mixed colors..please send me that type color codes..
Izzah Haziqah

THANK YOU VERY MUCH! :D
thursdaynext

Thanks :)
Muchijaz

This is what I've been looking for, thanks...
Rain#13

thnks 4 da help i found alot of colors on here=)
Readingrulez

Ewww dude.... too much info... if u found em DOWN THERE dont tell us... just be glad its colorful....
m3 real

It is a precious post you have made and great help to all the people who do not know about the code of color. I can not believe that you have provided whole chart of colors.
Hena

Thank you so much. I made a lot of graphics because of this.
aa

AW
aa

YOU SIR
aa

Hello
aa
aa

bgcolor=”#FF0000″
aa

[color=blue]this text is blue[/color]
Chris

Pretty good. I usually keep Photoshop open while designing, but this could be helpful. :-)
Bang_Ancis

Thanks for share this color palete, http://qampus.blogspot.com/2010/05/indonesia-furniture-handicraft.html
buitenkeuken

Thank you for the hex codes, I have had a lot of issues adding the name, im now switching to hex code in future!
marqueta

this is leggit
archana

hi
zayiflama

Thanks For Teh color Chart... =]
çilingir

Thanks For Teh color Chart... =]
Happyface

No problem!
austin

this really helps
abhishekraghav

thnks!!
Carol

Thanks for this chart -- it's really helpful!
Bradley Kelly

Really Helpful!
ChellySaur

Thanks For Teh color Chart... =] Using it in school right now.
chico1

Thanks for putting the color codes all in one spot. Some of the other sites were too confusing to use.

Chico
aionkinah

Very useful for changing the colors of some iGoogle gadgets
http://www.itemgarden.com
bob

coz i can

Webmonkey

Color Charts

Colors

Webmonkey’s Picks

Browse Our Tutorials

Cheat Sheets

Color Charts

Cut & Paste Code

Recent Comments

Recent Articles