DEV Community

JanselLopez
JanselLopez

Posted on

Using Material's colors in javascript

#material #javascript #npm

Install 

npm i material-colors-utils
Enter fullscreen mode Exit fullscreen mode

Usage

Get palette 

import { blue } from "material-colors-utils";
console.log({blue})
//{
//    blue:{
//      50: "#E3F2FD",
//      100: "#BBDEFB",
//      200: "#90CAF9",
//      300: "#64B5F6",
//      400: "#42A5F5",
//      500: "#2196F3",
//      600: "#1E88E5",
//      700: "#1976D2",
//      800: "#1565C0",
//      900: "#0D47A1",
//      A100: "#82B1FF",
//      A200: "#448AFF",
//      A400: "#2979FF",
//      A700: "#2962FF"
//    }
//}
Enter fullscreen mode Exit fullscreen mode

Get color

Example 

import { blue } from "material-colors-utils";
console.log(blue[500])//#2196F3
Enter fullscreen mode Exit fullscreen mode

Doc

material-colors-utils

Top comments (0)

Read next

cypriantinasheaarons profile image

My 2025 AI Engineer Roadmap List

CyprianTinasheAarons -

paalaman45 profile image

Mastering Modern JavaScript: A Deep Dive into ES6 Function Creation and Best Practices

Kissel James Paalaman -

garciadiazjaime profile image

React: LinkedIn Access Token in 10 Steps

Jaime -

phenzic profile image

Understand what JavaScript deobfuscation is in web scraping

Mayowa Julius -