Anda di halaman 1dari 2

HTML Colors (Warna-warna)

Warna pada html sudah ditentukan, ada beberapa alatenatif dalam penggunaan
warna ini, kita dapat menggunakan nama warna dalam bahasa inggris atau
menggunakan nilai RGB, HEX, HSL, RGBA atau HSLA.

Menggunakan nama warna


Pada html, sebuah warna dapat ditentukan menggunakan nama warna tersebut
misalkan :

Tomato, Orange, DodgerBlue, MediumSeaGreen, Gray, SlateBlue,


Violet, LightGray.

Html sendiri mendukung sebanyak 140 penamaan warna. Warna-warna dasar sudah
tentu pasti didukung seperti : white, black, green, red, yellow dan lain-lain.

Contoh kode :
<!DOCTYPE html>
<html>
<body bgcolor="yellow">

<p><font color="blue">Lorem Ipsum Dolor Ismet</font></p>

</body>
</html>

Bagaimana apabila warna yang anda inginkan tidak ada pada penamaan warna
tersebut ? maka mungkin Anda memerlukan format warna lainnya.

Menggunakan Warna RGB

Warna rgb ini kepanjangan dari red green blue, kalau RGBA berarti red green blue
dan alpha (transparansi). jadi warna rgb adalah perpaduan dari warna-warna di atas.
Analoginya adalah anda memiliki 3 kaleng cat dengan warna merah, hijau dan biru.
Untuk menghasilkan warna lain maka anda perlu mencampur ketiga cat tersebut.
Seperti itu juga cara kerja dari pewarnaan RGB. Untuk menggunakan pewarnaan rgb
maka anda perlu menggunakan rumus :
rgb(red, green, blue)
Nilai masing-masing warna harus rentang dari 0-255. sebagai catatan penting apabila
rumus di atas diisi dengan angka rgb(0,0,0) maka warna yang dihasilkan adalah
hitam, sedangkan apabila rgb(255,255,255) maka warna yang dihasilkan adalah
putih, rgb(255,0,0) -> Merah, rgb(0,255,0) -> Hijau, rgb(0,0,255) -> Biru apabila angka
acak maka hasilnya adalah campuran ketiga warna tersebut.

<!DOCTYPE html>
<html>
<body bgcolor="rgb(255,255,0)">

<p><font color="rgb(0,0,255)">Lorem Ipsum Dolor Ismet</font></p>

</body>
</html>

Menggunakan warna hex


Konsep warna hex sebenarnya sangat mirip dengan RGB namun format penulisannya
berbeda. Format penulisan warna hex :

#RRGGBB
Angka yang digunakan adalah basis 16 atau hexa, jadi apabila Anda sudah
mengetahui warna dalam format rgb, Anda hanya tinggal mengkonversi angka
tersebut ke hexa.

<!DOCTYPE html>
<html>
<body bgcolor="#ffff00">

<p><font color="#0000ff">Lorem Ipsum Dolor Ismet</font></p>

</body>
</html>

Pelajari penggunaan warna ini lebih lanjut di :


https://www.w3schools.com/colors/colors_picker.asp

Anda mungkin juga menyukai