#aefcae

#8dfe8a

#64ff60

#00ff00

Green Lightsaber

Actions

Explore the gradient in different formats, and actions.

Colors overview

Green

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#aefcae	rgb(174, 252, 174)	hsl(120 93% 84%)	hwb(120 68% 1.2%)	lch(92.5 46.6 141)	lab(92.5 -36 29.6)	cmyk 31%, 0%, 31%, 1%
	#8dfe8a	rgb(141, 254, 138)	hsl(120 98% 77%)	hwb(120 54% 0.39%)	lch(91 67.6 139)	lab(91 -50.6 44.8)	cmyk 44%, 0%, 46%, 0%
	#64ff60	rgb(100, 255, 96)	hsl(120 100% 69%)	hwb(120 38% 0%)	lch(89.5 89 137)	lab(89.5 -64.8 61)	cmyk 61%, 0%, 62%, 0%
	#00ff00	rgb(0, 255, 0)	hsl(120 100% 50%)	hwb(120 0% 0%)	lch(87.8 113 134)	lab(87.8 -79.3 81)	cmyk 100%, 0%, 100%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#aefcae

AA - 1.21



#8dfe8a

AA - 1.25



#64ff60

AA - 1.31



#00ff00

AA - 1.37



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(92.1% -0.106 0.075), oklab(90.3% -0.149 0.111), oklab(88.5% -0.191 0.145), oklab(86.6% -0.234 0.179))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #aefcae, #8dfe8a, #64ff60, #00ff00)

Colors



<!-- Primary Colors -->
<color name="green_lightsaber_color_10">#aefcae</color>
<color name="green_lightsaber_color_20">#8dfe8a</color>
<color name="green_lightsaber_color_30">#64ff60</color>
<color name="green_lightsaber_color_40">#00ff00</color>

Gradient PRO

Pro feature only

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

PWA prompt