Hex Color Codes PDF Free Download
1 / 16
/16
100%
Hex Color Codes
Customization
Every color has its own special
code, called a hex color code.
#00c4ba
#fead15
We can use color names or hex color codes.
h1 {
color: #ffffff;
}
css
h1 {
color: white;
}
css
There are only 140 valid color
names — but with hex codes, we
have 16,777,216 colors we can use!
Hex codes are NOT random
numbers and letters!
Hex color codes are based on the
hexadecimal number system.
www.bsd.education
All hex codes are six characters,
and must have a # in front.
css
h1 {
color: #2390d9;
}
www.bsd.education
2. Select a color palette. A color palette is a
set of colors that look good together.
www.bsd.education
3. A sidebar with the hex codes will appear.
www.bsd.education
4. Click the hex code to copy it!
www.bsd.education
5. Paste the hex code into your CSS!
body {
background-color: #e42c64;
}
css
www.bsd.education
You can also use Google’s color picker!
Copy the hex
code here
Type “color picker”
in the Google
search bar
