❐HTML❐

❐wD Learn

HTML

HTML Introduction

HTML Element

HTML Attributes

HTML Heading

HTML Paragraph

HTML Style

HTML Format

HTML Color

HTML Link

HTML Image

HTML Table

HTML List

HTML Symbols

HTML Emojis

HTML Forms

HTML Colors
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:
  • Tomato
  • Orange
  • DogerBlue
  • MediumSeaGreen
  • Grey
  • SlateBlue
  • Violet
  • LigthGrey
Background Color You can set the background color for HTML elements:

Example


<h1 style="background-color:DodgerBlue;">Hello World</h1>
<p style="background-color:Tomato;"> ipsum...</p>
Text Color
You can set the color of text.

Example

<h1 style="color:Tomato;">Hello World</h1>
<p style="color:DodgerBlue;">Lorem ipsum...</p>
<p style="color:MediumSeaGreen;">Ut wisi enim...</p>
Border Color
You can set the color of borders:

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, colors can also be specified using RGB values, HEX values, HSL values, RGBA values, and HSLA values.
Following is the Example:

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>