Color Code

---

RGB Colors
Nilai warna RGB didukung di semua browser. Nilai warna RGB ditentukan dengan: rgb (RED, GREEN, BLUE). Setiap parameter mendefinisikan intensitas warna sebagai bilangan bulat antara 0 dan 255.

Misalnya, rgb (0,0255) diberikan sebagai biru, karena parameter biru diatur ke nilai tertinggi (255) dan yang lainnya ditetapkan ke 0.

Hexadecimal Colors
Setiap kode HTML untuk Hexadecimal Colors berisi simbol "#" dan 6 huruf atau angka. Angka-angka ini dalam sistem angka heksadesimal. Misalnya "FF" dalam heksadesimal mewakili angka 255 dalam Desimal.

Arti Simbol:
Dua simbol pertama dalam kode warna HTML mewakili intensitas warna merah. 00 adalah yang terkecil dan FF adalah yang paling intens. Yang ketiga dan keempat mewakili intensitas hijau dan kelima dan keenam mewakili intensitas biru. Jadi dengan menggabungkan intensitas merah, hijau dan biru kita dapat mencampur hampir semua warna yang diinginkan hati kita;)

Contoh:
#FF0000 - Dengan kode HTML ini, kami memberi tahu browser untuk menampilkan maksimum merah dan tidak ada hijau dan tidak ada biru. Hasilnya tentu saja warna merah murni:     

#00FF00 - Kode HTML ini hanya menampilkan warna hijau dan tidak ada merah dan biru. Hasilnya adalah:     

#0000FF - Kode HTML ini hanya menunjukkan warna biru dan tanpa warna merah dan hijau. Hasilnya adalah:     

#FFFF00 - Kombinasi warna merah dan hijau memberi kita warna kuning:     

#CCEEFF - Ambil sedikit merah lebih banyak hijau dan maksimum biru untuk mendapatkan warna langit:     

---

Pick a Color:

 

Or Enter a Color:

Wrong Input

Or Use HTML5:

Selected Color:

Black Text

Shadow

White Text

Shadow

Red

#ff0000

rgb(255, 0, 0)

hsl(0, 100%, 50%)

Lighter / Darker:

100%		#ffffff
95%		#ffe6e6
90%		#ffcccc
85%		#ffb3b3
80%		#ff9999
75%		#ff8080
70%		#ff6666
65%		#ff4d4d
60%		#ff3333
55%		#ff1a1a
50%		#ff0000
45%		#e60000
40%		#cc0000
35%		#b30000
30%		#990000
25%		#800000
20%		#660000
15%		#4d0000
10%		#330000
5%		#1a0000
0%		#000000

---

Hue

	hue	Hex	Rgb	Hsl
	0	#ff0000	rgb(255, 0, 0)	hsl(0, 100%, 50%)
	15	#ff4000	rgb(255, 64, 0)	hsl(15, 100%, 50%)
	30	#ff8000	rgb(255, 128, 0)	hsl(30, 100%, 50%)
	45	#ffbf00	rgb(255, 191, 0)	hsl(45, 100%, 50%)
	60	#ffff00	rgb(255, 255, 0)	hsl(60, 100%, 50%)
	75	#bfff00	rgb(191, 255, 0)	hsl(75, 100%, 50%)
	90	#80ff00	rgb(128, 255, 0)	hsl(90, 100%, 50%)
	105	#40ff00	rgb(64, 255, 0)	hsl(105, 100%, 50%)
	120	#00ff00	rgb(0, 255, 0)	hsl(120, 100%, 50%)
	135	#00ff40	rgb(0, 255, 64)	hsl(135, 100%, 50%)
	150	#00ff80	rgb(0, 255, 128)	hsl(150, 100%, 50%)
	165	#00ffbf	rgb(0, 255, 191)	hsl(165, 100%, 50%)
	180	#00ffff	rgb(0, 255, 255)	hsl(180, 100%, 50%)
	195	#00bfff	rgb(0, 191, 255)	hsl(195, 100%, 50%)
	210	#0080ff	rgb(0, 128, 255)	hsl(210, 100%, 50%)
	225	#0040ff	rgb(0, 64, 255)	hsl(225, 100%, 50%)
	240	#0000ff	rgb(0, 0, 255)	hsl(240, 100%, 50%)
	255	#4000ff	rgb(64, 0, 255)	hsl(255, 100%, 50%)
	270	#8000ff	rgb(128, 0, 255)	hsl(270, 100%, 50%)
	285	#bf00ff	rgb(191, 0, 255)	hsl(285, 100%, 50%)
	300	#ff00ff	rgb(255, 0, 255)	hsl(300, 100%, 50%)
	315	#ff00bf	rgb(255, 0, 191)	hsl(315, 100%, 50%)
	330	#ff0080	rgb(255, 0, 128)	hsl(330, 100%, 50%)
	345	#ff0040	rgb(255, 0, 64)	hsl(345, 100%, 50%)
	360	#ff0000	rgb(255, 0, 0)	hsl(0, 100%, 50%)

---

Saturation

	sat	Hex	Rgb	Hsl
	100%	#ff0000	rgb(255, 0, 0)	hsl(0, 100%, 50%)
	95%	#f90606	rgb(249, 6, 6)	hsl(0, 95%, 50%)
	90%	#f20d0d	rgb(242, 13, 13)	hsl(0, 90%, 50%)
	85%	#ec1313	rgb(236, 19, 19)	hsl(0, 85%, 50%)
	80%	#e61919	rgb(230, 25, 25)	hsl(0, 80%, 50%)
	75%	#df2020	rgb(223, 32, 32)	hsl(0, 75%, 50%)
	70%	#d92626	rgb(217, 38, 38)	hsl(0, 70%, 50%)
	65%	#d22d2d	rgb(210, 45, 45)	hsl(0, 65%, 50%)
	60%	#cc3333	rgb(204, 51, 51)	hsl(0, 60%, 50%)
	55%	#c63939	rgb(198, 57, 57)	hsl(0, 55%, 50%)
	50%	#bf4040	rgb(191, 64, 64)	hsl(0, 50%, 50%)
	45%	#b94646	rgb(185, 70, 70)	hsl(0, 45%, 50%)
	40%	#b34d4d	rgb(179, 77, 77)	hsl(0, 40%, 50%)
	35%	#ac5353	rgb(172, 83, 83)	hsl(0, 35%, 50%)
	30%	#a65959	rgb(166, 89, 89)	hsl(0, 30%, 50%)
	25%	#9f6060	rgb(159, 96, 96)	hsl(0, 25%, 50%)
	20%	#996666	rgb(153, 102, 102)	hsl(0, 20%, 50%)
	15%	#936c6c	rgb(147, 108, 108)	hsl(0, 15%, 50%)
	10%	#8c7373	rgb(140, 115, 115)	hsl(0, 10%, 50%)
	5%	#867979	rgb(134, 121, 121)	hsl(0, 5%, 50%)
	0%	#808080	rgb(128, 128, 128)	hsl(0, 0%, 50%)

---

Lightness

	light	Hex	Rgb	Hsl
	100%	#ffffff	rgb(255, 255, 255)	hsl(0, 100%, 100%)
	95%	#ffe6e6	rgb(255, 230, 230)	hsl(0, 100%, 95%)
	90%	#ffcccc	rgb(255, 204, 204)	hsl(0, 100%, 90%)
	85%	#ffb3b3	rgb(255, 179, 179)	hsl(0, 100%, 85%)
	80%	#ff9999	rgb(255, 153, 153)	hsl(0, 100%, 80%)
	75%	#ff8080	rgb(255, 128, 128)	hsl(0, 100%, 75%)
	70%	#ff6666	rgb(255, 102, 102)	hsl(0, 100%, 70%)
	65%	#ff4d4d	rgb(255, 77, 77)	hsl(0, 100%, 65%)
	60%	#ff3333	rgb(255, 51, 51)	hsl(0, 100%, 60%)
	55%	#ff1a1a	rgb(255, 26, 26)	hsl(0, 100%, 55%)
	50%	#ff0000	rgb(255, 0, 0)	hsl(0, 100%, 50%)
	45%	#e60000	rgb(230, 0, 0)	hsl(0, 100%, 45%)
	40%	#cc0000	rgb(204, 0, 0)	hsl(0, 100%, 40%)
	35%	#b30000	rgb(179, 0, 0)	hsl(0, 100%, 35%)
	30%	#990000	rgb(153, 0, 0)	hsl(0, 100%, 30%)
	25%	#800000	rgb(128, 0, 0)	hsl(0, 100%, 25%)
	20%	#660000	rgb(102, 0, 0)	hsl(0, 100%, 20%)
	15%	#4d0000	rgb(77, 0, 0)	hsl(0, 100%, 15%)
	10%	#330000	rgb(51, 0, 0)	hsl(0, 100%, 10%)
	5%	#1a0000	rgb(26, 0, 0)	hsl(0, 100%, 5%)
	0%	#000000	rgb(0, 0, 0)	hsl(0, 100%, 0%)

---

RGB (Red, Green, Blue)

Red	Green	Blue
255	0	0

rgb(255, 0, 0)
#ff0000