#b730c4

#9c27a9

#811f8f

#681675

#500e5c

Needler

Actions

Explore the gradient in different formats, and actions.

Colors overview

Purple

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#b730c4	rgb(183, 48, 196)	hsl(290 61% 48%)	hwb(290 19% 23%)	lch(47 82.3 323)	lab(47 66.2 -49)	cmyk 7%, 76%, 0%, 23%
	#9c27a9	rgb(156, 39, 169)	hsl(290 63% 41%)	hwb(290 15% 34%)	lch(40 74.1 323)	lab(40 59.2 -44.6)	cmyk 8%, 77%, 0%, 34%
	#811f8f	rgb(129, 31, 143)	hsl(290 64% 34%)	hwb(290 12% 44%)	lch(33 65.7 322)	lab(33 51.8 -40.4)	cmyk 10%, 78%, 0%, 44%
	#681675	rgb(104, 22, 117)	hsl(290 68% 27%)	hwb(290 8.6% 54%)	lch(26 57.4 322)	lab(26 45 -35.6)	cmyk 11%, 81%, 0%, 54%
	#500e5c	rgb(80, 14, 92)	hsl(290 74% 21%)	hwb(290 5.5% 64%)	lch(19 48.9 321)	lab(19 38 -30.7)	cmyk 13%, 85%, 0%, 64%

 Click a color format to copy to your clipboard.

Contrast ratios checker

Click one color card to view the complete contrast checker tests.

#b730c4

AA - 4.96



#9c27a9

AA - 6.4



#811f8f

AAA - 8.31



#681675

AAA - 10.71



#500e5c

AAA - 13.47



Color blindness

The simulation of color blindness may not be 100% accurate sometimes.

Colors preview as gradient with protanopia

Colors preview as palette with protanopia

UI components preview

Preview the gradient in different UI components.



32°

CPU



48°

GPU



100%

Usage



11°

Rain



70%

Storage

HDR color space

HDR oklab colors



--angle: 45deg; 
background: linear-gradient(var(--angle), oklab(57.6% 0.189 -0.137), oklab(51.2% 0.168 -0.125), oklab(44.8% 0.146 -0.113), oklab(38.5% 0.126 -0.1), oklab(32.1% 0.105 -0.086))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #b730c4, #9c27a9, #811f8f, #681675, #500e5c)

Colors



<!-- Primary Colors -->
<color name="needler_color_10">#b730c4</color>
<color name="needler_color_20">#9c27a9</color>
<color name="needler_color_30">#811f8f</color>
<color name="needler_color_40">#681675</color>
<color name="needler_color_50">#500e5c</color>

Gradient PRO

Pro feature only

Get access to all app tokens, export files, and more.

PWA prompt