<

HTML Tutorial

by Trainer Riad Thalji

Color Codes

  • However, most HTML authors, like to use a more specific color representation using a hexadecimal value for each color.
  • Using hexadecimal values make the range of colors that can be selected exponential.
  • Color values are based on the theory that any color is a combination of three basic colors: Red, Green and Blue, hence the RGB appreciation.
  • In hexadecimal codes we use # followed by two digits for each basic color; so, for example, #FF0000 means Red=FF, Green=00, and Blue=00, hence the resulting color is Red, while #00FF00 if a green color and #0000FF is blue.
  • If we want to make a color darker, we lower the value of its two digits; so, #550000 is dark red, and #005500 is dark green.
  • A combination of color can be specified, and this is why using this hexadecimal method which provided a very large range of numbering.  So, for example; #FFFFFF, means all three colors are selected in full, and that is the definition of the white color, while #000000 is black; #555555 is (dark white), which is gray.
  • Hexadecimal values are used through any color picking tool, which can exist in HTML code editors as well as graphic tools; i.e. you pic the color, and the tool gives you the hexadecimal values.
  • Many web pages on the net, provides color palettes with hexadecimal values for each.


If we apply this to our previous example, like this:

<!doctype html>
<html>
<body>
<p style="color: #333333">
Any color whatever it be, is a combination of three colors: </p>
<ul>
<li style="color: #FF0000">Red </li>
<li style="color: #00FF00">Green </li>
<li style="color: #0000FF">Blue </li>
</ul>
</body>
</html>

We get the same result as this:






From the Video Library

How to Create Multi-Lingual Navbars in ASP.Net Core 2.1

How to Create Multi-Lingual Navbars in ASP.Net Core 2.1 | Advanced Programming Series | Riad Thalji

How to Create Multi-Lingual Navbars in ASP.Net Core 2.1

How to Quickly Import Data between Excel, Access and SQL Server

Project Management Office - PMO

Project Managemenet Office - PMO Crash Course

Project Management Office - PMO

How to Create Nested Layouts in ASP.Net Core 2.1 | Advanced Programming Series | Riad Thalji

Developed by Thalji.net, © Riad Thalji