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)

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?

  • #000000
    rgb(0,0,0)
    black
  • #FFFFFF
    rgb(255,255,255)
    white
  • #C0C0C0
    rgb(192,192,192
    silver
  • #808080
    rgb(128,128,128)
    grey
  • #800000
    rgb(128,0,0)
    maroon
  • #FF0000
    rgb(255,0,0)
    red
  • #800080
    rgb(128,0,128)
    purple
  • #FF00FF
    rgb(255,0,255)
    fuchsia
  • #008000
    rgb(0,128,0)
    green
  • #00FF00
    rgb(0,255,0)
    lime
  • #808000
    rgb(128,128,0)
    olive
  • #FFFF00
    rgb(255,255,0)
    yellow
  • #000080
    rgb(0,0,128)
    navy
  • #0000FF
    rgb(0,0,255)
    blue
  • #008080
    rgb(0,128,128)
    teal
  • #00FFFF
    rgb(0,255,255)
    aqua
  • #141414
    rgb(20,20,20)
  • #ebebeb
    rgb(235,235,235)
  • #ababab
    rgb(171,171,171)
  • #d4d4d4
    rgb(212,212,212)
  • #6b6b6b
    rgb(107,107,107)
  • #919191
    rgb(145,145,145)
  • #ff42a1
    rgb(255,66,161)
  • #ff94c9
    rgb(255,148,201)
  • #d600d6
    rgb(214,0,214)
  • #ff24ff
    rgb(255,36,255)
  • #7900d6
    rgb(121,0,214)
  • #a024ff
    rgb(160,36,255)
  • #000057
    rgb(0,0,87)
  • #0000a8
    rgb(0,0,168)
  • #0000d6
    rgb(0,0,214)
  • #2424ff
    rgb(36,36,255)
  • #00d6d6
    rgb(0,214,214)
  • #24ffff
    rgb(36,255,255)
  • #005757
    rgb(0,87,87)
  • #00a8a8
    rgb(0,168,168)
  • #005700
    rgb(0,87,0)
  • #00a800
    rgb(0,168,0)
  • #575700
    rgb(87,87,0)
  • #a8a800
    rgb(168,168,0)
  • #00d600
    rgb(0,214,0)
  • #24ff24
    rgb(36,255,36)
  • #d6d600
    rgb(214,214,0)
  • #ffff24
    rgb(255,255,36)
  • #d6b600
    rgb(214,182,0)
  • #ffde24
    rgb(255,222,36)
  • #d68b00
    rgb(214,139,0)
  • #ffb224
    rgb(255,178,36)
  • #c7a170
    rgb(199,161,112)
  • #dec8ab
    rgb(222,200,171)
  • #862323
    rgb(134,35,35)
  • #c73333
    rgb(199,51,51)
  • #570000
    rgb(87,0,0)
  • #a80000
    rgb(168,0,0)
  • #d60000
    rgb(214,0,0)
  • #ff2424
    rgb(255,36,36)