Warna HEX HTML

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 dalam bentuk:

#rrggbb

Dimana rr (red), gg (green) dan bb (blue) adalah nilai heksadesimal antara 00 dan ff (sama dengan desimal 0-255).

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

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

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

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

Contoh

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

Hasil

#ff0000

#0000ff

#3cb371

#ee82ee

#ffa500

#6a5acd

Warna Abu-abu

Nuansa abu-abu sering didefinisikan menggunakan nilai yang sama untuk ketiga parameter.

Contoh

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

Hasil

#404040

#686868

#a0a0a0

#bebebe

#dcdcdc

#f8f8f8

Sumber referensi: w3schools