This site is mobile accessible. Press the "Tap Here" button to use a smaller font-size.

Smartphone icons created by Freepik - Flaticon

2.1.2 HEX

In CSS, a color can be specified using a hexadecimal value in the form:#rrggbb
Where rr (red), gg (green) and bb (blue) are hexadecimal values between 00 and ff (same as decimal 0-255). For example, #ff0000 is displayed as red, because red is set to its highest value (ff) and the others are set to the lowest value (00).

Example 1: Specify colors using HEX values

#ff0000
#0000ff
#3cb371
#ee82ee
#ffa500
#6a5acd

Shades of gray are often defined using equal values for all the 3 light sources:

Example 2: Specify shades of gray using HEX values

#000000
#3c3c3c
#787878
#b4b4b4
#f0f0f0
#ffffff

CSS Course Home
Module 2: Colors, Backgrounds and Borders Options

Example files created in this module:
CSS Background Color CSS Text Color CSS Border Color CSS Color Values Specify colors using RGB values Shades of gray Make transparent colors with RGBA Specify colors using HEX values Specify shades of gray using HEX values Specify colors using HSL values HSL Saturation HSL Lightness HSL Shades of gray Make transparent colors with HSLA CSS background-color CSS background-color example! Transparent Boxes part 1 Transparent Boxes part 2 Background Image part 1 Background Image part 2 Background Image part 3 Background Repeat part 1 Background Repeat part 2 Background Repeat part 3 CSS background-position The background-attachment Property part 1 The background-attachment Property part 2 The background Property - shorthand The border-style Property The border-width Property part 1 The border-width Property part 2 The border-color Property part 1 The border-color Property part 2 The border-color Property part 3 The border-color Property part 4 The border-color Property part 5 Individual Border Sides part 1 Individual Border Sides part 2 Individual Border Sides part 3 Border Shorthand part 1 Border Shorthand part 2 Border Shorthand part 3 The border-radius Property