Cheffy

Actions

Explore the gradient in different formats, and actions.

Red

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#f3453e	rgb(243, 69, 62)	hsl(2.3 88% 60%)	hwb(2.3 24% 4.7%)	lch(56.6 80.3 34.3)	lab(56.6 66.3 45.2)	cmyk 0%, 72%, 74%, 5%
	#b12f2d	rgb(177, 47, 45)	hsl(0.91 59% 44%)	hwb(0.91 18% 31%)	lch(41.2 62.7 33)	lab(41.2 52.6 34.1)	cmyk 0%, 73%, 75%, 31%

 Click a color format to copy to your clipboard.

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

#F3453E

AA - 3.66



#B12F2D

AA - 6.33



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(64.4% 0.188 0.097), oklab(50.7% 0.15 0.074))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #F3453E, #B12F2D)

Colors



<!-- Primary Colors -->
<color name="cheffy_color_10">#F3453E</color>
<color name="cheffy_color_20">#B12F2D</color>

Gradient PRO

Pro feature only

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

PWA prompt