HTML Warna

warna HTML yang ditentukan menggunakan nama warna ditentukan sebelumnya, atau RGB, HEX, HSL, nilai-nilai RGBA, HSLA.

---

Nama warna

Dalam HTML, warna dapat ditentukan dengan menggunakan nama warna:

Tomat

jeruk

DodgerBlue

MediumSeaGreen

Abu-abu

SlateBlue

Violet

Abu-abu muda

Cobalah sendiri "

HTML mendukung 140 nama warna standar .

---

Warna latar belakang

Anda dapat mengatur warna latar belakang untuk elemen HTML:

Halo Dunia

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 tasi ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Contoh

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

Cobalah sendiri "

---

Warna teks

Anda dapat mengatur warna teks:

Halo Dunia

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 tasi ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Contoh

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

Cobalah sendiri "

---

Warna perbatasan

Anda dapat mengatur warna perbatasan:

Halo Dunia

Halo Dunia

Halo Dunia

Contoh

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

Cobalah sendiri "

---

Nilai warna

Dalam HTML, warna juga dapat ditentukan dengan menggunakan nilai RGB, nilai-nilai HEX, nilai-nilai HSL, nilai-nilai RGBA, dan nilai-nilai HSLA:

Sama seperti nama warna "Tomat":

rgb (255, 99, 71)

# ff6347

HSL (9, 100%, 64%)

Sama seperti nama warna "Tomat", tetapi 50% transparan:

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>

Cobalah sendiri "

Pelajari lebih lanjut tentang Nilai Warna

Anda akan belajar lebih banyak tentang RGB , HEX dan HSL dalam bab-bab berikutnya.