Loading lesson path
HTML colors are specified with predefined color names, or with RGB, HEX, HSL, RGBA, or HSLA values.
In HTML, a color can be specified by using a color name:
140 standard color names.
You can set the background color for HTML elements:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
<h1 style="background-color:DodgerBlue;">Hello World</h1>
<p style="background-color:Tomato;">Lorem ipsum...</p>You can set the color of text:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
<h1 style="color:Tomato;">HelloWorld</h1>
<p style="color:DodgerBlue;">Lorem ipsum...</p>
<p style="color:MediumSeaGreen;">Ut wisi enim...</p>You can set the color of borders:
<h1 style="border:2px solid Tomato;">HelloWorld</h1>
<h1 style="border:2px solid DodgerBlue;">HelloWorld</h1>
<h1 style="border:2px solid Violet;">HelloWorld</h1>
In HTML, colors can also be specified using RGB values, HEX values, HSL values, RGBA values, and HSLA values.
Formula
The following three < div > elements have their background color set with RGB,HEX, and HSL values: rgb(255, 99, 71) #ff6347 hsl(9, 100%, 64%)
Formula
The following two < div > elements have their background color set with RGBAand HSLA values, which add an Alpha channel to the color (here we have 50% transparency): rgba(255, 99, 71, 0.5) hsla(9, 100%, 64%, 0.5)
Formula
< h1 style ="background - color:rgb(255,99, 71);">...</h1>
<h1 style="background-color:#ff6347;">...</h1>Formula
< h1 style ="background - color:hsl(9,100%, 64%);">...</h1>Formula
< h1 style ="background - color:rgba(255,99, 71, 0.5);">...</h1>Formula
< h1 style ="background - color:hsla(9,100%, 64%, 0.5);">...</h1>