Color Picker

HEX

{{color.hex() }}

RGB

{{color.css('rgb').replace(/[()]/g,"").slice(3) | add-spaces}}

HSL

{{color.css('hsl').replace(/[()]/g,"").slice(3) | add-spaces}}

Or Use HTML5:

Lighter / Darker :

Or Enter a Color :

Incorrect Input

Selected Color:

Text black

Text black shadow

Text white

Text white shadow

	Hue	Hex	Rgb	hsl
	{{c.hue}}	{{c.hex}}	{{c.rgb}}	{{c.hsl}}

	Saturation	Hex	Rgb	hsl
	{{c.saturation}}	{{c.hex}}	{{c.rgb}}	{{c.hsl}}

Red {{rgb[0]}}	Green {{rgb[1] }}	Blue {{rgb[2]}}




RGB: {{rgbColor.css('rgb').replace(/[()]/g,"").slice(3)}} HSL: {{rgbColor.css('hsl').replace(/[()]/g,"").slice(3)}}