Color

Color Picker

Color Picker

Hex#ff0000

RGBrgb(255, 0, 0)

HSLhsl(0, 100%, 50%)

Or use native picker:

Lighter / Darker

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

Enter a color name or code

Selected color:

Text black

Text black shadow

Text white

Text white shadow

Best contrast: #ffffff

Hue

Sample	Hue	Hex	RGB	HSL
	0	#ff0000	rgb(255, 0, 0)	hsl(0, 100%, 50%)
	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(360, 100%, 50%)

RGB (Red, Green, Blue)

Red (255)	Green (0)	Blue (0)