Bye Sun

Actions

Explore the gradient in different formats, and actions.

Red

Orange

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#91125e	rgb(145, 18, 94)	hsl(320 78% 32%)	hwb(320 7.1% 43%)	lch(32.7 54.7 350)	lab(32.7 53.9 -9.55)	cmyk 0%, 88%, 35%, 43%
	#f08833	rgb(240, 136, 51)	hsl(27 86% 57%)	hwb(27 20% 5.9%)	lch(67.5 70.7 59)	lab(67.5 36.4 60.6)	cmyk 0%, 43%, 79%, 6%

 Click a color format to copy to your clipboard.

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

#91125e

AAA - 8.56



#f08833

AA - 2.53



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(44% 0.169 -0.027), oklab(72.6% 0.09 0.13))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #91125e, #f08833)

Colors



<!-- Primary Colors -->
<color name="bye_sun_color_10">#91125e</color>
<color name="bye_sun_color_20">#f08833</color>

Gradient PRO

Pro feature only

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

PWA prompt