What Is The HTML Colors

HTML colors not really set in stone with predefined concealing names, or with RGB, HEX, HSL, RGBA, or HSLA esteems.

Color Names

In HTML, a shading can be determined by utilizing a shading name:

Background Color

You can set the background color for HTML elements:Hello World

Hi World

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.

Example

<h1 style=“background-color:DodgerBlue;”>Hello World</h1>
<style=“background-color:Tomato;”>Lorem ipsum…</p>

Text Color

You can set the shade of text:

Hi World

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Ut wisi enim promotion minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Example

<h1 style=”color:Tomato;”>Hello World</h1>
<style=”color:DodgerBlue;”>Lorem ipsum</p>
<style=”color:MediumSeaGreen;”>Ut wisi enim…</p>

Border Color

You can set the color of borders:

HTML Colors

Example

<h1 style=”border:2px solid Tomato;”>Hello World</h1>
<
h1 style=”border:2px solid DodgerBlue;”>Hello World</h1>
<
h1 style=”border:2px solid Violet;”>Hello World</h1>

Color Values

In HTML, shadings can likewise be determined utilizing RGB esteems, HEX qualities, HSL esteems, RGBA esteems, and HSLA esteems.

The accompanying three components have their experience shading set with RGB, HEX, and HSL esteems:

HTML Colors
HTML Colors

The accompanying two components have their experience shading set with RGBA and HSLA esteems, which adds an Alpha channel to the concealing (here we have half straightforwardness):

HTML Colors
HTML Colors

Example

<h1 style=”background-color:rgb(255, 99, 71);”>…</h1>
<
h1 style=”background-color:#ff6347;”>…</h1>
<
h1 style=”background-color:hsl(9, 100%, 64%);”>…</h1>

<h1 style=”background-color:rgba(255, 99, 71, 0.5);”>…</h1>
<
h1 style=”background-color:hsla(9, 100%, 64%, 0.5);”>…</h1>