HTML Color Codes 🎨

What is a HTML color code?

A HTML color code is an identifier used to represent a color on the web and within other digital assets. Common color codes are in the forms of: a keyword name, a hexadecimal value, a RGB (red, green, blue) triplet, or a HSL (hue, saturation, lightness) triplet. Different values allow for 16,777,216 potential colors to be chosen.

For example, the color red can be identifier using the following formats:

• red (keyword name)
• #ff0000 (hex)
• (255,0,0) (RGB)
• (0, 100%, 50%) (HSL)

Because there are so many colors to choose from, tools have been created to make the task of selection much simpler. A color picker allows a user to select a color by clicking on visual range of color to pin-point an exact code. A color chart provides a listing of common colors for quick selection.

To use a selected color code within your web page, you could place the following attribute within a given element to change its background color to red: style="background-color: #ff0000;"

What are HTML color codes used for?

HTML color codes are used within HTML and CSS to create web design color schemes. They are primarily used by web designers, graphic designers, computer programmers, and digital illustrators. Choosing the correct web colors can be exhausting, but it is a great skill to have, especially for marketing purposes.

To read more about html colors, Wikipedia has a good resource on web colors: https://en.wikipedia.org/wiki/Web_colors.

What are basic HTML color codes?

A few common color codes are:
black, #000000, rgb(0,0,0) white, #FFFFFF, rgb(255,255,255) silver, #C0C0C0, rgb(192,192,192 grey, #808080, rgb(128,128,128) maroon, #800000, rgb(128,0,0) red, #FF0000, rgb(255,0,0) purple, #800080, rgb(128,0,128) fuchsia, #FF00FF, rgb(255,0,255) green, #008000, rgb(0,128,0) lime, #00FF00, rgb(0,255,0) olive, #808000, rgb(128,128,0) yellow, #FFFF00, rgb(255,255,0) navy, #000080, rgb(0,0,128) blue, #0000FF, rgb(0,0,255) teal, #008080, rgb(0,128,128) aqua, #00FFFF, rgb(0,255,255)