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

{{ color.hue }} / {{ color.value }}

content_copy
#{{ hex }}
content_copy
rgb({{ rgb[0] }}, {{ rgb[1] }}, {{ rgb[2] }})
content_copy
background-color: rgba({{ rgb[0] }}, {{ rgb[1] }}, {{ rgb[2] }}, 1);
content_copy
UIColor(red: {{ rgbDouble[0] }}, green: {{ rgbDouble[1] }}, blue: {{ rgbDouble[2] }}, alpha: 1.0)
content_copy
{{ color.materializeClass.join(' ') }}
content_copy
{{ color.materializeTextClass.join(' ') }}