Color Code

Color Code Chart for Website Design, Graphics & Photoshop

Free Color Code Chart for Website Design, Graphics & Photoshop

In graphic design and web development, color code charts play a crucial role in helping designers and developers choose the right colors easily. Below is a comprehensive color code chart for website design, graphics, and Photoshop.

Color	HEX Code	Color Name
	#EEEEEE	Light Gray
	#DDDDDD	Pale Gray
	#CCCCCC	Medium Gray
	#BBBBBB	Lighter Gray
	#AAAAAA	Dark Gray
	#999999	Medium Gray
	#888888	Darker Gray
	#777777	More Gray
	#666666	Dark Gray
	#555555	Dark Gray
	#444444	Stone Gray
	#333333	Charcoal Gray
	#222222	Light Black
	#111111	Dark Black
	#000000	Black
	#FF0000	Red
	#EE0000	Dark Red
	#DD0000	Bright Red
	#CC0000	Darker Red
	#BB0000	Crimson Red
	#AA0000	Blood Red
	#990000	Black Red
	#880000	Bright Dark Red
	#770000	Dark Red
	#660000	Dark Crimson Red
	#550000	Dark Deep Red
	#440000	Dark Blood Red
	#330000	Dark Black Red
	#220000	Dark Purple Red
	#110000	Dark Crimson Black
	#FFFFFF	White
	#FFFFCC	Pale Yellow
	#FFFF99	Bright Yellow
	#FFFF66	Lemon Yellow
	#FFFF33	Bright Yellow
	#FFFF00	Yellow
	#CCFFFF	Light Blue
	#CCFFCC	Light Green
	#CCFF99	Bright Green
	#CCFF66	Fresh Green
	#CCFF33	Dark Green
	#CCFF00	Bright Green
	#99FFFF	Pale Sea Blue
	#99FFCC	Light Bright Green
	#99FF99	Pale Fresh Green
	#99FF66	Bright Shiny Green
	#99FF33	Bright Dark Green
	#99FF00	Unique Bright Green
	#66FFFF	Bright Blue
	#66FFCC	Bright Fresh Green
	#66FF99	Cool Fresh Green
	#66FF66	Shiny Pale Green
	#66FF33	Bright Shiny Dark Green
	#66FF00	Bright Fresh Green
	#33FFFF	Bright Sea Blue
	#33FFCC	Bright Dark Green
	#33FF99	Cool Fresh Green
	#33FF66	Bright Dark Green
	#33FF33	Light Green
	#33FF00	Shiny Bright Green
	#00FFFF	Cyan
	#00FFCC	Emerald Green
	#00FF99	Bright Emerald Green
	#00FF66	Bright Dark Green
	#00FF33	Vivid Green
	#00FF00	Green
	#FFCCFF	Pink
	#FFCCCC	Pale Pink
	#FFCC99	Peach Pink
	#FFCC66	Sunset Pink
	#FFCC33	Bright Peach Pink
	#FFCC00	Pinkish Yellow
	#CCCCFF	Light Faded Blue
	#CCCCCC	Pale Gray
	#CCCC99	Light Blue Gray
	#CCCC66	Dark Light Gray
	#CCCC33	Bright Gray
	#CCCC00	Dark Yellow
	#99CCFF	Cool Bright Blue
	#99CCCC	Pale Emerald Green
	#99CC99	Pale Green
	#99CC66	Bright Fresh Green
	#99CC33	Fresh Green
	#99CC00	Pale Yellow
	#66CCFF	Bright Blue
	#66CCCC	Bright Emerald Green
	#66CC99	Dark Green
	#66CC66	Vivid Green
	#66CC33	Bright Dark Green
	#66CC00	Bright Yellow
	#33CCFF	Bright Sea Blue
	#33CCCC	Bright Emerald Green
	#33CC99	Bright Green
	#33CC66	Fresh Dark Green
	#33CC33	Pale Green
	#33CC00	Leaf Green
	#00CCFF	Deep Sea Blue
	#00CCCC	Deep Emerald Green
	#33CC66	Bright Dark Green
	#33CC33	Bright Fresh Green
	#00CC99	Cool Emerald Green
	#00CC66	Cool Dark Green
	#00CC33	Cool Green
	#00CC00	Bright Dark Green
	#FF99FF	Light Pink
	#FF99CC	Peach Pink
	#FF9999	Pale Pink
	#FF9966	Bright Orange
	#FF9933	Dark Orange
	#FF9900	Yellow-Orange
	#CC99FF	Pale Purple
	#CC99CC	Peach Purple
	#CC9999	Pale Pink
	#CC9966	Yellow-Orange
	#CC9933	Dark Orange
	#CC9900	Deep Yellow-Orange
	#9999FF	Pale Blue
	#9999CC	Cool Pale Blue
	#999999	Pale Gray
	#999966	Pale Yellow
	#999933	Blue-Yellow
	#999900	Brown Yellow
	#6699FF	Fresh Bright Blue
	#6699CC	Bright Emerald Green
	#669999	Bright Green
	#669966	Pale Green
	#669933	Bright Yellow-Orange
	#669900	Deep Green
	#FF00FF	Fuchsia Pink
	#FF00CC	Bright Pink
	#FF0099	Dark Pink
	#FF0066	Deep Pink
	#FF0033	Pinkish Red
	#FF0000	Bright Red
	#CC00FF	Fuchsia Purple
	#CC00CC	Dark Purple
	#CC0099	Purple Pink
	#CC0066	Dark Purple Pink
	#CC0033	Purple Red
	#CC0000	Deep Red
	#9900FF	Bright Purple
	#9900CC	Deep Purple
	#990099	Dark Purple Pink
	#990066	Dark Red Purple
	#990033	Wine Red
	#990000	Red Wine
	#6600FF	Pale Purple
	#6600CC	Bright Dark Purple
	#660099	Strong Purple
	#660066	Purple Red
	#660033	Pale Red
	#660000	Grape Red
	#3300FF	Pastel Purple
	#3300CC	Faded Dark Purple
	#330099	Brown Purple
	#330066	Green Purple
	#330033	Pale Red
	#330000	Dark Black Red
	#0000FF	Dark Blue
	#0000CC	Bright Blue
	#000099	Black Blue
	#000066	Navy Blue
	#000033	Charcoal Blue
	#00FF00	Fresh Green
	#00EE00	Dark Green
	#00DD00	Pale Green
	#00CC00	Bright Fresh Green
	#00BB00	Leaf Green
	#00AA00	Dark Olive Green
	#009900	Grass Green
	#008800	Deep Green
	#007700	Dark Green
	#006600	Dark Forest Green
	#005500	Deep Pale Green
	#004400	Black Green
	#003300	Dark Green
	#002200	Dark Forest Green
	#001100	Dim Dark Green
	#0000FF	Blue
	#0000EE	Light Blue
	#0000DD	Dark Light Blue
	#0000CC	Faded Blue
	#0000BB	Pale Bright Blue
	#0000AA	Dark Light Blue

1. HEX & RGB Color Codes for Website Design

HEX and RGB are the two most commonly used color systems in web development.

Color	HEX Code	RGB (Red, Green, Blue)
Red	#FF0000	255, 0, 0
Green	#00FF00	0, 255, 0
Blue	#0000FF	0, 0, 255
White	#FFFFFF	255, 255, 255
Black	#000000	0, 0, 0
Yellow	#FFFF00	255, 255, 0
Orange	#FFA500	255, 165, 0
Purple	#800080	128, 0, 128

Color codes help standardize and reuse colors in design and development. The most common color systems include:

HEX & RGB: Used in website design.
CMYK: Used in printing and graphic design.
HSL: Used in photo editing, especially in Photoshop.

2. CMYK Color Codes for Printing & Graphics

CMYK (Cyan, Magenta, Yellow, Black) is the primary color system used in printing.

Color	CMYK (Cyan, Magenta, Yellow, Black)
Red	0, 100, 100, 0
Green	100, 0, 100, 0
Blue	100, 100, 0, 0
White	0, 0, 0, 0
Black	0, 0, 0, 100
Yellow	0, 0, 100, 0
Orange	0, 50, 100, 0
Purple	50, 100, 0, 0

Why Are HEX and RGB Important for Web Design?

HEX Codes are widely used in web platforms.
RGB Codes ensure accurate color display on electronic screens.

3. Photoshop Color Codes (HSL)

In Photoshop, the HSL (Hue, Saturation, Lightness) color system is used for color editing and fine-tuning.

Color	HSL (Hue, Saturation, Lightness)
Red	0, 100%, 50%
Green	120, 100%, 50%
Blue	240, 100%, 50%
White	0, 0%, 100%
Black	0, 0%, 0%
Yellow	60, 100%, 50%
Orange	39, 100%, 50%
Purple	280, 100%, 50%

Why Is HSL Important in Photoshop?

HSL allows easy adjustment of hue, saturation, and brightness.
Helps create special color effects and enhance image realism.

What is a Color Code Chart? Complete Color Code Guide for Website, Graphics & Photoshop

Colors play an essential role in web design, graphic design, and photo editing. A color code chart helps designers and developers select the right colors to maintain consistency in their work. But what exactly is a color code chart? Let’s explore in detail!

Conclusion

A color code chart is an essential tool in website design, graphics, and Photoshop. Understanding different color systems allows you to choose the right colors and optimize your designs effectively.

Understanding and using color codes correctly will help you optimize designs and maintain consistency in graphics and web development. Save this chart for future reference!

Would you like to add any additional color codes? Leave a comment below!

Disclaimer: This article is for informational purposes only and does not constitute investment advice. Investors should conduct thorough research before making any decisions. We are not responsible for your investment decisions.