Color

HTML Color

Apa Itu HTML Color

HTML Color adalah warna yang telah didefinisikan dengan nama atau dengan nilai RGB, HEX, HSL, RGBA, atau HSLA.

Beberapa warna yang dapat di definisikan dengan nama warna:

Tomato, Orange, DodgerBlue, MediumSeaGreen, Violet, Light Gray, dan 136+ Warna Lainnya.

Contoh Penerapan Color Pada HTML

Background Color

Mendefinisikan warna latar pada elemen HTML.

<h1 style="background-color:LightGray;">Hello World</h1>
<p style="background-color:Tomato;">Lorem ipsum...</p>

Text Color

Mendefinisikan warna teks.

<h1 style="color:Violet;">Hello World</h1>
<p style="color:DodgerBlue;">Lorem ipsum...</p>
<p style="color:MediumSeaGreen;">Ut wisi enim...</p>

Border Color

Mendefinisikan warna dari border elemen.

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

Color Value

Warna dapat ditentukan dengan nilai RGB, RGBA, HSL, HSLA, dan HEX.

  • Background Solid

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

  • Background Yang Memiliki Transparansi

    <h1 style="background-color:rgba(255, 99, 71, 0.5);">...</h1>
<h1 style="background-color:hsla(9, 100%, 64%, 0.5);">...</h1>
← Komentar
CSS →