{{ color.hue }} / {{ color.value }}
HEX
content_copy
#{{ hex }}
RGB
content_copy
rgb({{ rgb[0] }}, {{ rgb[1] }}, {{ rgb[2] }})
CSS Background Color
content_copy
background-color: rgba({{ rgb[0] }}, {{ rgb[1] }}, {{ rgb[2] }}, 1);
Materialize css(background color)
content_copy
{{ color.materializeClass.join(' ') }}
50
100
200
300
400
500
600
700
800
900
A
100
A
200
A
400
A
700
red
pink
purple
deep purple
indigo
blue
light blue
cyan
teal
green
light green
lime
yellow
amber
orange
deep orange
brown
grey
blue grey