Tomato

Actions

Explore the gradient in different formats, and actions.

Red

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#ffa591	rgb(255, 165, 145)	hsl(11 100% 78%)	hwb(11 57% 0%)	lch(76.6 41 37.4)	lab(76.6 32.6 24.9)	cmyk 0%, 35%, 43%, 0%
	#f05146	rgb(240, 81, 70)	hsl(3.9 85% 61%)	hwb(3.9 27% 5.9%)	lch(57.7 74.3 34.3)	lab(57.7 61.4 41.9)	cmyk 0%, 66%, 71%, 6%

 Click a color format to copy to your clipboard.

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

#ffa591

AA - 1.9



#f05146

AA - 3.51



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(80.7% 0.093 0.061), oklab(65.2% 0.174 0.092))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #ffa591, #f05146)

Colors



<!-- Primary Colors -->
<color name="tomato_color_10">#ffa591</color>
<color name="tomato_color_20">#f05146</color>

Gradient PRO

Pro feature only

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

PWA prompt