Spring

Actions

Explore the gradient in different formats, and actions.

Colors overview

Green

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#6ec979	rgb(110, 201, 121)	hsl(130 46% 61%)	hwb(130 43% 21%)	lch(73.9 51.6 143)	lab(73.9 -41.1 31.2)	cmyk 45%, 0%, 40%, 21%
	#8de697	rgb(141, 230, 151)	hsl(130 64% 73%)	hwb(130 55% 9.8%)	lch(84.2 49.8 143)	lab(84.2 -39.9 29.8)	cmyk 39%, 0%, 34%, 10%
	#b6f3a8	rgb(182, 243, 168)	hsl(110 76% 81%)	hwb(110 66% 4.7%)	lch(90.3 42.5 135)	lab(90.3 -30.3 29.8)	cmyk 25%, 0%, 31%, 5%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#6ec979

AA - 2.04



#8DE697

AA - 1.51



#B6F3A8

AA - 1.28



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(75.9% -0.12 0.079), oklab(84.9% -0.116 0.076), oklab(90.4% -0.09 0.076))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #6ec979, #8DE697, #B6F3A8)

Colors



<!-- Primary Colors -->
<color name="spring_color_10">#6ec979</color>
<color name="spring_color_20">#8DE697</color>
<color name="spring_color_30">#B6F3A8</color>

Gradient PRO

Pro feature only

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

PWA prompt