jigargosar / elm-material-color / MaterialColor

This library allow to get Material colors as Elm

Helpers


type alias Rgb255 =
{ red : Basics.Int
, green : Basics.Int
, blue : Basics.Int 
}

Record to hold RGB data as Int fields

rgb255 : Basics.Int -> Basics.Int -> Basics.Int -> Rgb255

Rgb255 constructor helper

toRgbString : Rgb255 -> String

Converts Rgb255 record into a string

MaterialColor.blue100 |> MaterialColor.toRgbString == "rgb(187,222,251)"

Colors

Red Hue

red50 : Rgb255

Red 50

red100 : Rgb255

Red 100

red200 : Rgb255

Red 200

red300 : Rgb255

Red 300

red400 : Rgb255

Red 400

red500 : Rgb255

Red 500

red600 : Rgb255

Red 600

red700 : Rgb255

Red 700

red800 : Rgb255

Red 800

red900 : Rgb255

Red 900

redA100 : Rgb255

Red A100

redA200 : Rgb255

Red A200

redA400 : Rgb255

Red A400

redA700 : Rgb255

Red A700

Pink Hue

pink50 : Rgb255

Pink 50

pink100 : Rgb255

Pink 100

pink200 : Rgb255

Pink 200

pink300 : Rgb255

Pink 300

pink400 : Rgb255

Pink 400

pink500 : Rgb255

Pink 500

pink600 : Rgb255

Pink 600

pink700 : Rgb255

Pink 700

pink800 : Rgb255

Pink 800

pink900 : Rgb255

Pink 900

pinkA100 : Rgb255

Pink A100

pinkA200 : Rgb255

Pink A200

pinkA400 : Rgb255

Pink A400

pinkA700 : Rgb255

Pink A700

Purple Hue

purple50 : Rgb255

Purple 50

purple100 : Rgb255

Purple 100

purple200 : Rgb255

Purple 200

purple300 : Rgb255

Purple 300

purple400 : Rgb255

Purple 400

purple500 : Rgb255

Purple 500

purple600 : Rgb255

Purple 600

purple700 : Rgb255

Purple 700

purple800 : Rgb255

Purple 800

purple900 : Rgb255

Purple 900

purpleA100 : Rgb255

Purple A100

purpleA200 : Rgb255

Purple A200

purpleA400 : Rgb255

Purple A400

purpleA700 : Rgb255

Purple A700

Deep Purple Hue

deepPurple50 : Rgb255

Deep Purple 50

deepPurple100 : Rgb255

Deep Purple 100

deepPurple200 : Rgb255

Deep Purple 200

deepPurple300 : Rgb255

Deep Purple 300

deepPurple400 : Rgb255

Deep Purple 400

deepPurple500 : Rgb255

Deep Purple 500

deepPurple600 : Rgb255

Deep Purple 600

deepPurple700 : Rgb255

Deep Purple 700

deepPurple800 : Rgb255

Deep Purple 800

deepPurple900 : Rgb255

Deep Purple 900

deepPurpleA100 : Rgb255

Deep Purple A100

deepPurpleA200 : Rgb255

Deep Purple A200

deepPurpleA400 : Rgb255

Deep Purple A400

deepPurpleA700 : Rgb255

Deep Purple A700

Indigo Hue

indigo50 : Rgb255

Indigo 50

indigo100 : Rgb255

Indigo 100

indigo200 : Rgb255

Indigo 200

indigo300 : Rgb255

Indigo 300

indigo400 : Rgb255

Indigo 400

indigo500 : Rgb255

Indigo 500

indigo600 : Rgb255

Indigo 600

indigo700 : Rgb255

Indigo 700

indigo800 : Rgb255

Indigo 800

indigo900 : Rgb255

Indigo 900

indigoA100 : Rgb255

Indigo A100

indigoA200 : Rgb255

Indigo A200

indigoA400 : Rgb255

Indigo A400

indigoA700 : Rgb255

Indigo A700

Blue Hue

blue50 : Rgb255

Blue 50

blue100 : Rgb255

Blue 100

blue200 : Rgb255

Blue 200

blue300 : Rgb255

Blue 300

blue400 : Rgb255

Blue 400

blue500 : Rgb255

Blue 500

blue600 : Rgb255

Blue 600

blue700 : Rgb255

Blue 700

blue800 : Rgb255

Blue 800

blue900 : Rgb255

Blue 900

blueA100 : Rgb255

Blue A100

blueA200 : Rgb255

Blue A200

blueA400 : Rgb255

Blue A400

blueA700 : Rgb255

Blue A700

Light Blue Hue

lightBlue50 : Rgb255

Light Blue 50

lightBlue100 : Rgb255

Light Blue 100

lightBlue200 : Rgb255

Light Blue 200

lightBlue300 : Rgb255

Light Blue 300

lightBlue400 : Rgb255

Light Blue 400

lightBlue500 : Rgb255

Light Blue 500

lightBlue600 : Rgb255

Light Blue 600

lightBlue700 : Rgb255

Light Blue 700

lightBlue800 : Rgb255

Light Blue 800

lightBlue900 : Rgb255

Light Blue 900

lightBlueA100 : Rgb255

Light Blue A100

lightBlueA200 : Rgb255

Light Blue A200

lightBlueA400 : Rgb255

Light Blue A400

lightBlueA700 : Rgb255

Light Blue A700

Cyan Hue

cyan50 : Rgb255

Cyan 50

cyan100 : Rgb255

Cyan 100

cyan200 : Rgb255

Cyan 200

cyan300 : Rgb255

Cyan 300

cyan400 : Rgb255

Cyan 400

cyan500 : Rgb255

Cyan 500

cyan600 : Rgb255

Cyan 600

cyan700 : Rgb255

Cyan 700

cyan800 : Rgb255

Cyan 800

cyan900 : Rgb255

Cyan 900

cyanA100 : Rgb255

Cyan A100

cyanA200 : Rgb255

Cyan A200

cyanA400 : Rgb255

Cyan A400

cyanA700 : Rgb255

Cyan A700

Teal Hue

teal50 : Rgb255

Teal 50

teal100 : Rgb255

Teal 100

teal200 : Rgb255

Teal 200

teal300 : Rgb255

Teal 300

teal400 : Rgb255

Teal 400

teal500 : Rgb255

Teal 500

teal600 : Rgb255

Teal 600

teal700 : Rgb255

Teal 700

teal800 : Rgb255

Teal 800

teal900 : Rgb255

Teal 900

tealA100 : Rgb255

Teal A100

tealA200 : Rgb255

Teal A200

tealA400 : Rgb255

Teal A400

tealA700 : Rgb255

Teal A700

Green Hue

green50 : Rgb255

Green 50

green100 : Rgb255

Green 100

green200 : Rgb255

Green 200

green300 : Rgb255

Green 300

green400 : Rgb255

Green 400

green500 : Rgb255

Green 500

green600 : Rgb255

Green 600

green700 : Rgb255

Green 700

green800 : Rgb255

Green 800

green900 : Rgb255

Green 900

greenA100 : Rgb255

Green A100

greenA200 : Rgb255

Green A200

greenA400 : Rgb255

Green A400

greenA700 : Rgb255

Green A700

Light Green Hue

lightGreen50 : Rgb255

Light Green 50

lightGreen100 : Rgb255

Light Green 100

lightGreen200 : Rgb255

Light Green 200

lightGreen300 : Rgb255

Light Green 300

lightGreen400 : Rgb255

Light Green 400

lightGreen500 : Rgb255

Light Green 500

lightGreen600 : Rgb255

Light Green 600

lightGreen700 : Rgb255

Light Green 700

lightGreen800 : Rgb255

Light Green 800

lightGreen900 : Rgb255

Light Green 900

lightGreenA100 : Rgb255

Light Green A100

lightGreenA200 : Rgb255

Light Green A200

lightGreenA400 : Rgb255

Light Green A400

lightGreenA700 : Rgb255

Light Green A700

Lime Hue

lime50 : Rgb255

Lime 50

lime100 : Rgb255

Lime 100

lime200 : Rgb255

Lime 200

lime300 : Rgb255

Lime 300

lime400 : Rgb255

Lime 400

lime500 : Rgb255

Lime 500

lime600 : Rgb255

Lime 600

lime700 : Rgb255

Lime 700

lime800 : Rgb255

Lime 800

lime900 : Rgb255

Lime 900

limeA100 : Rgb255

Lime A100

limeA200 : Rgb255

Lime A200

limeA400 : Rgb255

Lime A400

limeA700 : Rgb255

Lime A700

Yellow Hue

yellow50 : Rgb255

Yellow 50

yellow100 : Rgb255

Yellow 100

yellow200 : Rgb255

Yellow 200

yellow300 : Rgb255

Yellow 300

yellow400 : Rgb255

Yellow 400

yellow500 : Rgb255

Yellow 500

yellow600 : Rgb255

Yellow 600

yellow700 : Rgb255

Yellow 700

yellow800 : Rgb255

Yellow 800

yellow900 : Rgb255

Yellow 900

yellowA100 : Rgb255

Yellow A100

yellowA200 : Rgb255

Yellow A200

yellowA400 : Rgb255

Yellow A400

yellowA700 : Rgb255

Yellow A700

Amber Hue

amber50 : Rgb255

Amber 50

amber100 : Rgb255

Amber 100

amber200 : Rgb255

Amber 200

amber300 : Rgb255

Amber 300

amber400 : Rgb255

Amber 400

amber500 : Rgb255

Amber 500

amber600 : Rgb255

Amber 600

amber700 : Rgb255

Amber 700

amber800 : Rgb255

Amber 800

amber900 : Rgb255

Amber 900

amberA100 : Rgb255

Amber A100

amberA200 : Rgb255

Amber A200

amberA400 : Rgb255

Amber A400

amberA700 : Rgb255

Amber A700

Orange Hue

orange50 : Rgb255

Orange 50

orange100 : Rgb255

Orange 100

orange200 : Rgb255

Orange 200

orange300 : Rgb255

Orange 300

orange400 : Rgb255

Orange 400

orange500 : Rgb255

Orange 500

orange600 : Rgb255

Orange 600

orange700 : Rgb255

Orange 700

orange800 : Rgb255

Orange 800

orange900 : Rgb255

Orange 900

orangeA100 : Rgb255

Orange A100

orangeA200 : Rgb255

Orange A200

orangeA400 : Rgb255

Orange A400

orangeA700 : Rgb255

Orange A700

Deep Orange Hue

deepOrange50 : Rgb255

Deep Orange 50

deepOrange100 : Rgb255

Deep Orange 100

deepOrange200 : Rgb255

Deep Orange 200

deepOrange300 : Rgb255

Deep Orange 300

deepOrange400 : Rgb255

Deep Orange 400

deepOrange500 : Rgb255

Deep Orange 500

deepOrange600 : Rgb255

Deep Orange 600

deepOrange700 : Rgb255

Deep Orange 700

deepOrange800 : Rgb255

Deep Orange 800

deepOrange900 : Rgb255

Deep Orange 900

deepOrangeA100 : Rgb255

Deep Orange A100

deepOrangeA200 : Rgb255

Deep Orange A200

deepOrangeA400 : Rgb255

Deep Orange A400

deepOrangeA700 : Rgb255

Deep Orange A700

Brown Hue

brown50 : Rgb255

Brown 50

brown100 : Rgb255

Brown 100

brown200 : Rgb255

Brown 200

brown300 : Rgb255

Brown 300

brown400 : Rgb255

Brown 400

brown500 : Rgb255

Brown 500

brown600 : Rgb255

Brown 600

brown700 : Rgb255

Brown 700

brown800 : Rgb255

Brown 800

brown900 : Rgb255

Brown 900

Grey Hue

grey50 : Rgb255

Grey 50

grey100 : Rgb255

Grey 100

grey200 : Rgb255

Grey 200

grey300 : Rgb255

Grey 300

grey400 : Rgb255

Grey 400

grey500 : Rgb255

Grey 500

grey600 : Rgb255

Grey 600

grey700 : Rgb255

Grey 700

grey800 : Rgb255

Grey 800

grey900 : Rgb255

Grey 900

Blue Grey Hue

blueGrey50 : Rgb255

Blue Grey 50

blueGrey100 : Rgb255

Blue Grey 100

blueGrey200 : Rgb255

Blue Grey 200

blueGrey300 : Rgb255

Blue Grey 300

blueGrey400 : Rgb255

Blue Grey 400

blueGrey500 : Rgb255

Blue Grey 500

blueGrey600 : Rgb255

Blue Grey 600

blueGrey700 : Rgb255

Blue Grey 700

blueGrey800 : Rgb255

Blue Grey 800

blueGrey900 : Rgb255

Blue Grey 900