Warna HTML

Warna HTML ditentukan dengan nama warna yang telah ditentukan sebelumnya, atau dengan nilai RGB, HEX, HSL, RGBA, atau HSLA.

Nama Warna

Dalam HTML, warna dapat ditentukan dengan menggunakan nama warna:

Red, Yellow, Green, Blue, Gray, SlateBlue, Tomato, Orange

Warna Background

Anda dapat mengatur warna background/latar belakang untuk elemen HTML.

Contoh

<h1 style="background-color: DodgerBlue;">Hello World</h1>
<p style="background-color: Tomato;">Halo Dunia</p>

Warna Teks

Anda dapat mengatur warna teks..

Contoh

<h1 style="color:Tomato;">Hello World</h1>
<p style="color:DodgerBlue;">Halo Dunia</p>
<p style="color:MediumSeaGreen;">Assalamu'alaikum</p>

Warna Border

Anda dapat mengatur warna border/batas.

Contoh

<h1 style="border:2px solid Tomato;">Hello World</h1>
<h1 style="border:2px solid DodgerBlue;">Halo Dunia</h1>
<h1 style="border:2px solid Violet;">Assalamu'alaikum</h1>

Nilai Warna

Dalam HTML, warna juga dapat ditentukan menggunakan nilai RGB, nilai HEX, nilai HSL, nilai RGBA, dan nilai HSLA.

Tiga elemen <div> berikut memiliki warna latar belakang yang disetel dengan nilai RGB, HEX, dan HSL:

rgb(255, 99, 71)
#ff6347
hsl(9, 100%, 64%)

Dua elemen <div> berikut memiliki warna latar belakang yang disetel dengan nilai RGBA dan HSLA, yang menambahkan saluran Alpha ke warna (dengan memiliki transparansi 50%):

rgba(255, 99, 71, 0,5)
hsla(9, 100%, 64%, 0,5)

Contoh

<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>

Sumber referensi: w3schools