Pemilihan warna di CSS

Ada tiga satuan warna yang dapat di guanakan dalam css, antara lain dengan menyatakan namawarna langsung, dengan satuan RGB (Red, Green, Blue) dan satuan HEX (HexDecimal).

• Nama warna

Cara sederhana untuk menyatakan nilai warna, kita dapat mendefinisikan nama warnanya. contoh:

p {color: blue;}

Contoh di atas adalah cara paling sederhana dalam menyatakan warna di css.

color	name
	red
	green
	blue
	orange
	yellow
	cyan
	black

daftar warna tabel di atas bisa kita gunakan untuk mendefinisikan warna pada css. selain warna-warna di atas, masih ada lagi warna lain yang bisa anda coba sendiri. perlu di ingat dalam mendefinisikan nama warna pada css, bersifat case sensitive, antara "Blue" dan "BLUE" berbeda.

• RGB (Red, Green , Blue)

Satuan warna ini kombinasi dari tiga warna yaitu Red, Green dan Blue jika di kombinasikan akan menghasilkan warna-warna tertentu. definisi dari satuan warna RGB ada tiga parameter pengacakan dalam penggunaannya. parameter RGB di definisikan dengan angka, angka terendah adalah 0 sedangka angka tertinggi adalah 255. contoh menyakakan warna dengan RGB di css sebagai berikut:

p { color :rgb(255,0,0) ; }

Contoh di atas perpaduan tiga warna 255 adalah putih, 0 adalah hitam, 0 hitam akan menghasilkan warna merah.

Daftar warna RGB seperti pada tabel di bawah ini:

color	RGB
	rgb(0,0,0)
	rgb(128,128,128)
	rgb(255,255,255)
	rgb(255,0,0)
	rgb(0,255,0)
	rgb(0,0,255)
	rgb(255,165,0)
	rgb(255,255,0)
	rgb(0,255,255)

• HEX (Hexdecimal)

Satuan warna ini hampir sama dengan satuan warna RGB, perbedaannya pada definisi di paremeternya. kesamaan antara rgb dan hex pada struktur pengacakan warnanya, conton #RRGGBB RR(red), GG(Green) dan BB(Blue), satuan Hexdecimal selalu di awali dengan tanda paga (#) dan setiap parameter tidak di pisahkan dengan tanda koma seperti satuan RGB. jika di rgb satuan yang di gunakan adalah satuan angka 0-255, sedangkan satuan hexdecimal perpaduan antara 00-FF. dan perlu di ingat juga satuan hexdecimal bersifat case sensitive.

Contoh penggunaan satuan warna Hexdecimal pada CSS sebagaiberikuta:

p { color : #FF0000 ; }

Contoh daftar warna Hexdecimal seperti pada tabel di bawah ini:

color	HEX
	#000000
	#808080
	#FFFFFF
	#FF0000
	#00FF00
	#0000FF
	#FFA500
	#FFFF00
	#00FFFF

Satuan warna RGB dan HEX dua satuan warna yang paling sering di gunakan dalam bahasa pemrograman dan CSS. dua satuan warna ini lebih kaya akan warna dari pada mendefinisikan lagsung nama warnanya.