HTML Color Codes 🎨

The best HTML color codes are waiting for you to find them and they can be found here with all of their names, hex codes, rgb values and other attributes!

Color Picker

Hex:

RGB: rgb(102,232,232)

HSL: hsl(232,232,232)

Color Tools

Colors from Images

Input an image and find all the colors within!

Search Images for Colors!
Color Chart

A reference of colors in a chart grid form.

See the Color Grid!

Color Lists

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)