CSS Colors

Space For Rent!

Combinasi Warna RED (merah), GREEN(hijau), dan BLUE (biru). Warna pada CSS masing - masing mempunyai nama dan peran spesifik:

•  nama dari warna yang valid - seperti "red"
•  ada juga RGB - seperti "rgb(255, 0, 0)"
• dan juga HEX - seperti "#ff0000"

Nama - nama Warna

Setting warna berdasaran nama:

Warna	Nama
	Red
	Green
	Blue
	Orange
	Yellow
	Cyan
	Black

Note:Nama warna pada CSS merupakan case-insensitive: "Red" sama dengan "red" atau "RED".

RGB (Red, Green, Blue)

Value warna dapat dikombinasikan untuk lebih spesifiknya dengan formula: rgb(red, green, blue). Dengan sebuah parameter (red, green, blue) definisi dari intentsitas masing masing warna yaitu 0 sampai 225. Sebagai contoh, rgb(255,0,0) adalah untuk mendefinikan warna merah atau red, karena warna merah memiliki set pada RGB dengan value paling tinggi yaitu 225 dan untuk lainnya disetting dengan 0.

Warna	RGB
	rgb(255,0,0)
	rgb(0,255,0)
	rgb(0,0,255)
	rgb(255,165,0)
	rgb(255,255,0)
	rgb(0,255,255)

Warna abu - abu atau warna yang layaknya cahaya biasanya ditetapkan dengan nilai yang sama pada setiap sumber RBG:

Warna	RGB
	rgb(0,0,0)
	rgb(128,128,128)
	rgb(255,255,255)

Warna Hexadecimal

Value RGB juga dapat ditentukan menggunakan nilai - nilai warna Hexadecimal yang berupa #RRGGBB, nama RR(red), GG(green), dan BB(blue) nilai dari hexadecimal antara 00 dan FF (sama hanlnya dengan 00-255).

Sebagai contoh, #FF0000 ditampilkan sebagai merah (red), karena merah diatur ke nilai tertinggi (FF) dan yang lain ditetapkan untuk nilai terendah (00). Note: Nilai-nilai HEX bukan termasuk tidak case-sensitive: "#ff0000" sama dengan "FF0000".

Warna	HEX
	#FF0000
	#00FF00
	#0000FF
	#FFA500
	#FFFF00
	#00FFFF

Sekian dulu tutorial tentang CSS Color yang Betta Dev Indonesia berikan kepada temen - temen, semoga bisa membantu. Dimanapun temen - temen berada saya Betta Dev Indonesia sampaikan banyak terimakasih karena sudah singgah di blog reot ini. Sampai jumpa di artikel berikutnya! Semangat terus!

Untuk terus mendukung Aktifitas kami, bisa donasikan bantuan anda dengan klik tombol di bawah.

Space For Rent!

Tweet

Postingan terkait:

Ditulis Mimin Betta — Friday, June 3, 2016 — Add Comment — Basic HTML, Betta Dev, CSS Tutorial, CSS3, Help Programmer, How To, HTML CSS, HTML Style, Pemrograman, Pemula Belajar, Source Code, Web Development