Di CSS, warna bisa diberikan ke text ataupun background. Untuk text sendiri pemberian warna menggunakan property color. Contohnya kayak gini :

h1{color : red;}

Sedangkan untuk background, property yang digunakan adalah background-color (sudah saya jelaskan penggunaannya di artikel tentang background.. )

Nah, yang akan di bahas kali ini adalah cara mendefinisikan warna-warna tersebut. Ada 5 cara untuk mendefinisikan sebuah warna pada css, hmm.. apa sajakah itu ??

1. Langsung menggunakan nama warnanya

Contohnya klo pengen ngasih warna putih di h1, langsung aja tulis begini :

h1{color : white;}

Tapi sayangnya klo pake cara ini, nama2 warna yang bisa didefinisakn oleh css cuman dikit. Klo gak salah cuman bisa 17 warna. Coba deh liat gambar di bawah ini

2. Menggunakan Hexadesimal

Nah, klo pake cara ini warna yang bisa didefinisikan bisa banyak. Contoh penulisannya begini nih :

h1{color : #FFFFFF;}

#FFFFFF = white, nah kamu bisa menggunakan photoshop untuk mendapatkan kode2 hexadesimal sesuai warna yang diinginkan.

3. Menggunakan Short Hexadesimal

Klo hexadesimal biasa khan kode nya ada 6 karakter ya, nah kode2 itu bisa disingkat menjadi 3 karakter aja (ini yang disebut dengan short hexadesimal). Contoh di CSSnya :

h1{color : #FFF;}

4. RGB Desimal

Contohnya :

h1{color : rgb(255,0,55);}

5. RGB Persen

RGB persen hampir sama dengan RGB desimal cuman nilai2 RGBnya itu dalam persen bukan dalam desimal. Cara ngedapetin nilai persennya gini nih. Hmm.. Misalkan RGB desimalnya : rgb(255,0,51) . Jadinya RGB persennya :

• red : 255/255 x 100% = 100%
• green : 0/255 x 100% = 0%
• blue : 51/255 x 100% = 20%

di css nya :

h1{color : rgb(100%,0%,20%);}

Sumber : video tutorial CSS dari Lynda.com