Sheet

Actions

Explore the gradient in different formats, and actions.

Pink

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#dec2bb	rgb(222, 194, 187)	hsl(12 35% 80%)	hwb(12 73% 13%)	lch(80.7 12 38.1)	lab(80.7 9.41 7.37)	cmyk 0%, 13%, 16%, 13%
	#edcdc4	rgb(237, 205, 196)	hsl(13 53% 85%)	hwb(13 77% 7.1%)	lch(85 13.8 40)	lab(85 10.6 8.86)	cmyk 0%, 14%, 17%, 7%

 Click a color format to copy to your clipboard.

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

#dec2bb

AA - 1.67



#edcdc4

AA - 1.48



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

Colors preview as gradient with protanopia

Colors preview as palette with protanopia

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(83.6% 0.028 0.019), oklab(87.3% 0.031 0.023))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #dec2bb, #edcdc4)

Colors



<!-- Primary Colors -->
<color name="sheet_color_10">#dec2bb</color>
<color name="sheet_color_20">#edcdc4</color>

Gradient PRO

Pro feature only

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

PWA prompt