HTML Picker warna

❮ PreviousNext ❯

---

Pick sebuah warna:

Atau masukan warna:

Atau gunakan 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

❮ PreviousNext ❯

\

COLOR PICKER

SUKA AMA KITA

Kunjungi laman: https://www.w3schools.com/colors/colors_picker.asp

• Judul - buat postingan dengan video otomatis hidup ----👇👇👇