Belajar CSS Part 4 : CSS Warna

CSS WARNA

Assalamu'alaikum Wr. Wb

Hai sobat semua, terima kasih sudah mengunjungi blog saya. Pada kesempatan kali ini kita akan belajar tentang Warna pada CSS.

Langsung saja yuk..

Warna dalam CSS yang paling sering ditentukan oleh :

1. Nama warna yang valid - seperti "merah"
2. Nilai RGB - seperti "rgb (255,0,0)"
3. Nilai HEX - seperti "#ff0000"

1. NAMA WARNA
Sintaknya :  

style="background-color:nama-warna

Hasilnya :

2. NILAI RGB
Sintaknya :  

style="background-color:rgb(parameter-wana-merah,parameter-warna-hijau,parameter-warna-biru)" 

untuk nilai parameter min = 0 dan max = 255

Hasilnya :

Untuk menghasilkan nuansa warna abu-abu menggunakan nilai yang sama untuk semua sumber cahaya.
Contohnya :

Hasilnya :

3. NILAI HEX
Sintaknya :

style="background-color:#RRGGBB" 

di mana RR (merah), GG (hijau) dan BB (biru) adalah nilai-nilai heksadesimal antara 00 dan FF (sama seperti desimal 0-255).

 Hasilnya :

Sama seperti RGB, untuk menghasilkan nuansa warna abu-abu menggunakan nilai yang sama untuk semua sumber cahaya.
Contohnya :

Hasilnya :

Nah, bagaimana sudah paham? Kalau masih ada yang kurang jelas, silakan tinggalkan jejak dikolom komentar ya. Terima kasih.

• Kesimpulan

Berdasarkan pemaparan diatas dapat disimpulkan bahwa dalam CSS untuk menghasilkan sebuah warna terdapat berbagai macam cara, diantaranya yaitu menggunakan nama warna, nilai RGB, nilai HEX.

Referensi :
http://www.w3schools.com/css/css_colors.asp

Wassalamu'alaikum Wr. Wb