Trooper

#FFFFFF

#DCDCDC

#A9A9A9

#808080

#000000

Actions

Explore the palette in different formats, and actions.

Colors overview

White

Black

Grey

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#ffffff	rgb(255, 255, 255)	hsl(none 0% 100%)	hwb(none 100% 0%)	lch(100 0 none)	lab(100 0 0)	cmyk 0%, 0%, 0%, 0%
	#dcdcdc	rgb(220, 220, 220)	hsl(none 0% 86%)	hwb(none 86% 14%)	lch(87.8 0 none)	lab(87.8 0 0)	cmyk 0%, 0%, 0%, 14%
	#a9a9a9	rgb(169, 169, 169)	hsl(none 0% 66%)	hwb(none 66% 34%)	lch(69.2 0 none)	lab(69.2 0 0)	cmyk 0%, 0%, 0%, 34%
	#808080	rgb(128, 128, 128)	hsl(none 0% 50%)	hwb(none 50% 50%)	lch(53.6 0 none)	lab(53.6 0 0)	cmyk 0%, 0%, 0%, 50%
	#000000	rgb(0, 0, 0)	hsl(none 0% 0%)	hwb(none 0% 100%)	lch(0 0 none)	lab(0 0 0)	cmyk 0%, 0%, 0%, 100%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#FFFFFF

AA - 1



#DCDCDC

AA - 1.37



#A9A9A9

AA - 2.35



#808080

AA - 3.94



#000000

AAA - 21



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.

HDR color space

HDR oklab colors



background: linear-gradient(45deg, oklab(100% 0 0), oklab(89.4% 0 0), oklab(73.5% 0 0), oklab(60% 0 0), oklab(0% 0 0))

Fallback colors



background: linear-gradient(45deg, #FFFFFF, #DCDCDC, #A9A9A9, #808080, #000000)

Colors



<!-- Primary Colors -->
<color name="trooper_color_10">#FFFFFF</color>
<color name="trooper_color_20">#DCDCDC</color>
<color name="trooper_color_30">#A9A9A9</color>
<color name="trooper_color_40">#808080</color>
<color name="trooper_color_50">#000000</color>

PWA prompt