Home » HTML » Contoh Warna Hex di HTML

Contoh Warna Hex di HTML

by Catur Kurnia Sari
by Catur Kurnia Sari

Warna heksadesimal ditentukan dengan: #RRGGBB, di mana bilangan bulat heksadesimal RR (red), GG (green) dan BB (blue) menentukan komponen warna.

Nilai Warna HEX

Dalam HTML, warna dapat ditentukan menggunakan nilai heksadesimal berupa:

#rrggbb

Dimana rr (merah), gg (hijau) dan bb (biru) adalah nilai heksadesimal antara 00 dan ff (sama dengan desimal 0-255).

Misalnya, # ff0000 ditampilkan sebagai merah, karena merah disetel ke nilai tertinggi (ff), dan dua lainnya (hijau dan biru) disetel ke 00.

Contoh lain, # 00ff00 ditampilkan sebagai hijau, karena hijau disetel ke nilai tertinggi (ff), dan dua lainnya (merah dan biru) disetel ke 00.

Untuk menampilkan hitam, setel semua parameter warna ke 00, seperti ini: # 000000.

Untuk menampilkan putih, setel semua parameter warna ke ff, seperti ini: #ffffff.

Contoh:

<!DOCTYPE html>
<html>
<body>

<h1 style="background-color:#ff0000;">#ff0000</h1>
<h1 style="background-color:#0000ff;">#0000ff</h1>
<h1 style="background-color:#3cb371;">#3cb371</h1>
<h1 style="background-color:#ee82ee;">#ee82ee</h1>
<h1 style="background-color:#ffa500;">#ffa500</h1>
<h1 style="background-color:#6a5acd;">#6a5acd</h1>

</body>
</html>

Bayangan abu-abu (Shades of Gray)

Bayangan abu-abu sering kali ditentukan menggunakan nilai yang sama untuk ketiga parameter.

Contoh:

<!DOCTYPE html>
<html>
<body>

<h1 style="background-color:#404040;">#404040</h1>
<h1 style="background-color:#686868;">#686868</h1>
<h1 style="background-color:#a0a0a0;">#a0a0a0</h1>
<h1 style="background-color:#bebebe;">#bebebe</h1>
<h1 style="background-color:#dcdcdc;">#dcdcdc</h1>
<h1 style="background-color:#f8f8f8;">#f8f8f8</h1>

</body>
</html>

You may also like