material_paper_colors 0.0.1 material_paper_colors: ^0.0.1 copied to clipboard
access material design paper color palette via map object and color range
##MaterialPaperColors #
I wrote this package to have easy access to googles material paper color palette via ranges
as shown on http://www.google.com/design/spec/style/color.html - 30.06.2014
###Example
###access single color
input:
String color = MaterialPaperColors.Red["500"];
output:
"#e51c23"
###access color palette
input:
List<Map<String,String>> colorPalette = MaterialPaperColors.colorPalette;
output:
[Red, Pink, Purple, DeepPurple, Indigo, Blue, LightBlue, Cyan, Teal, Green,
LightGreen, Lime, Yellow, Amber, Orange, DeepOrange, Brown, Grey, BlueGrey]
###get random color
input:
String colorPalette = MaterialPaperColors.getRandomColor["500"];
output:
"#e91e63" // eg. Pink
###supported colors as shown on http://www.google.com/design/spec/style/color.html - 30.06.2014
Red= {
"50": "#fde0dc",
"100": "#f9bdbb",
"200": "#f69988",
"300": "#f36c60",
"400": "#e84e40",
"500": "#e51c23",
"600": "#dd191d",
"700": "#d01716",
"800": "#c41411",
"900": "#b0120a",
"A100": "#ff7997",
"A200": "#ff5177",
"A400": "#ff2d6f",
"A700": "#e00032"
}
Pink= {
"50": "#fce4ec",
"100": "#f8bbd0",
"200": "#f48fb1",
"300": "#f06292",
"400": "#ec407a",
"500": "#e91e63",
"600": "#d81b60",
"700": "#c2185b",
"800": "#ad1457",
"900": "#880e4f",
"A100": "#ff80ab",
"A200": "#ff4081",
"A400": "#f50057",
"A700": "#c51162"
}
Purple= {
"50": "#f3e5f5",
"100": "#e1bee7",
"200": "#ce93d8",
"300": "#ba68c8",
"400": "#ab47bc",
"500": "#9c27b0",
"600": "#8e24aa",
"700": "#7b1fa2",
"800": "#6a1b9a",
"900": "#4a148c",
"A100": "#ea80fc",
"A200": "#e040fb",
"A400": "#d500f9",
"A700": "#aa00ff"
}
DeepPurple = {
"50": "#ede7f6",
"100": "#d1c4e9",
"200": "#b39ddb",
"300": "#9575cd",
"400": "#7e57c2",
"500": "#673ab7",
"600": "#5e35b1",
"700": "#512da8",
"800": "#4527a0",
"900": "#311b92",
"A100": "#b388ff",
"A200": "#7c4dff",
"A400": "#651fff",
"A700": "#6200ea"
}
Indigo = {
"50": "#e8eaf6",
"100": "#c5cae9",
"200": "#9fa8da",
"300": "#7986cb",
"400": "#5c6bc0",
"500": "#3f51b5",
"600": "#3949ab",
"700": "#303f9f",
"800": "#283593",
"900": "#1a237e",
"A100": "#8c9eff",
"A200": "#536dfe",
"A400": "#3d5afe",
"A700": "#304ffe"
}
Blue={
"50": "#e7e9fd",
"100": "#d0d9ff",
"200": "#afbfff",
"300": "#91a7ff",
"400": "#738ffe",
"500": "#5677fc",
"600": "#4e6cef",
"700": "#455ede",
"800": "#3b50ce",
"900": "#2a36b1",
"A100": "#a6baff",
"A200": "#6889ff",
"A400": "#4d73ff",
"A700": "#4d69ff"
}
LightBlue= {
"50": "#e1f5fe",
"100": "#b3e5fc",
"200": "#81d4fa",
"300": "#4fc3f7",
"400": "#29b6f6",
"500": "#03a9f4",
"600": "#039be5",
"700": "#0288d1",
"800": "#0277bd",
"900": "#01579b",
"A100": "#80d8ff",
"A200": "#40c4ff",
"A400": "#00b0ff",
"A700": "#0091ea"
}
Cyan= {
"50": "#e0f7fa",
"100": "#b2ebf2",
"200": "#80deea",
"300": "#4dd0e1",
"400": "#26c6da",
"500": "#00bcd4",
"600": "#00acc1",
"700": "#0097a7",
"800": "#00838f",
"900": "#006064",
"A100": "#84ffff",
"A200": "#18ffff",
"A400": "#00e5ff",
"A700": "#00b8d4"
}
Teal= {
"50": "#e0f2f1",
"100": "#b2dfdb",
"200": "#80cbc4",
"300": "#4db6ac",
"400": "#26a69a",
"500": "#009688",
"600": "#00897b",
"700": "#00796b",
"800": "#00695c",
"900": "#004d40",
"A100": "#a7ffeb",
"A200": "#64ffda",
"A400": "#1de9b6",
"A700": "#00bfa5"
}
Green= {
"50": "#d0f8ce",
"100": "#a3e9a4",
"200": "#72d572",
"300": "#42bd41",
"400": "#2baf2b",
"500": "#259b24",
"600": "#0a8f08",
"700": "#0a7e07",
"800": "#056f00",
"900": "#0d5302",
"A100": "#a2f78d",
"A200": "#5af158",
"A400": "#14e715",
"A700": "#12c700"
}
LightGreen= {
"50": "#f1f8e9",
"100": "#dcedc8",
"200": "#c5e1a5",
"300": "#aed581",
"400": "#9ccc65",
"500": "#8bc34a",
"600": "#7cb342",
"700": "#689f38",
"800": "#558b2f",
"900": "#33691e",
"A100": "#ccff90",
"A200": "#b2ff59",
"A400": "#76ff03",
"A700": "#64dd17"
}
Lime= {
"50": "#f9fbe7",
"100": "#f0f4c3",
"200": "#e6ee9c",
"300": "#dce775",
"400": "#d4e157",
"500": "#cddc39",
"600": "#c0ca33",
"700": "#afb42b",
"800": "#9e9d24",
"900": "#827717",
"A100": "#f4ff81",
"A200": "#eeff41",
"A400": "#c6ff00",
"A700": "#aeea00"
}
Yellow= {
"50": "#fffde7",
"100": "#fff9c4",
"200": "#fff59d",
"300": "#fff176",
"400": "#ffee58",
"500": "#ffeb3b",
"600": "#fdd835",
"700": "#fbc02d",
"800": "#f9a825",
"900": "#f57f17",
"A100": "#ffff8d",
"A200": "#ffff00",
"A400": "#ffea00",
"A700": "#ffd600"
}
Amber= {
"50": "#fff8e1",
"100": "#ffecb3",
"200": "#ffe082",
"300": "#ffd54f",
"400": "#ffca28",
"500": "#ffc107",
"600": "#ffb300",
"700": "#ffa000",
"800": "#ff8f00",
"900": "#ff6f00",
"A100": "#ffe57f",
"A200": "#ffd740",
"A400": "#ffc400",
"A700": "#ffab00"
}
Orange= {
"50": "#fff3e0",
"100": "#ffe0b2",
"200": "#ffcc80",
"300": "#ffb74d",
"400": "#ffa726",
"500": "#ff9800",
"600": "#fb8c00",
"700": "#f57c00",
"800": "#ef6c00",
"900": "#e65100",
"A100": "#ffd180",
"A200": "#ffab40",
"A400": "#ff9100",
"A700": "#ff6d00"
}
DeepOrange= {
"50": "#fbe9e7",
"100": "#ffccbc",
"200": "#ffab91",
"300": "#ff8a65",
"400": "#ff7043",
"500": "#ff5722",
"600": "#f4511e",
"700": "#e64a19",
"800": "#d84315",
"900": "#bf360c",
"A100": "#ff9e80",
"A200": "#ff6e40",
"A400": "#ff3d00",
"A700": "#dd2c00"
}
Brown={
"50": "#efebe9",
"100": "#d7ccc8",
"200": "#bcaaa4",
"300": "#a1887f",
"400": "#8d6e63",
"500": "#795548",
"600": "#6d4c41",
"700": "#5d4037",
"800": "#4e342e",
"900": "#3e2723"
}
Grey= {
"50": "#fafafa",
"100": "#f5f5f5",
"200": "#eeeeee",
"300": "#e0e0e0",
"400": "#bdbdbd",
"500": "#9e9e9e",
"600": "#757575",
"700": "#616161",
"800": "#424242",
"900": "#212121"
}
BlueGrey= {
"50": "#eceff1",
"100": "#cfd8dc",
"200": "#b0bec5",
"300": "#90a4ae",
"400": "#78909c",
"500": "#607d8b",
"600": "#546e7a",
"700": "#455a64",
"800": "#37474f",
"900": "#263238"
}
Enjoy ;)