Material design colors chart

List of all Material design colors available.

Enter code:

Choose a color:

HEX:

RGB:

RAL:

RAL Effect:

RAL Design:

LAB:

HSL:

HSB:

CMYK:

Websafe:

Pantone:

NCS:

How to use?

Convert HEX to RGB, RAL Classic, RAL Design Plus, RAL Effect, Pantone, CMYK, HSL, HSB, NCS, WEBSAFE, LAB and vice versa. Choose a color from the picker, or enter the color code in the input box below. Currently we support color codes input in those formats:

HEX - #ffffff or #fff
RGB - r, g, b
HSL - h, s%, l%
CMYK - c%, m%, y%, k%
RAL Design Plus - ex. RAL 000 15 00 ¹
RAL Classic - ex. RAL 9005 ¹
RAL Effect - ex. RAL 790-M ¹
Pantone - ex. 705 C or Black 6 C¹
CSS name - ex. darkslategray²
NTC name - ex. Kilamanjaro¹
NCS - ex. 0515-G40Y¹
LAB - ex. lab(38.62215,-1.90377,-1.95908)³

_{1. case-sensitive, with spaces.}
_{2. case-insensitive, no spaces.}
_{3. case-insensitive}

Color palettes:

Browse the color palettes section, where you can download color palettes created by our users. Generate, upload color palettes created on our website. On the upload palettes page you can modify and remaster your color palette. Register for free to get access to my palettes section where your uploaded palettes are displayed and organized.

Color palettes Register

Color charts:

Feel free to browse through our color charts, we provide charts for 10 color spaces: RAL Classic, RAL Design Plus, RAL Effect, Pantone, Flat Design, Material Design, Websafe, NCS and CSS and NTC color's names as well as a list of all color names available in our service. You can get relevant conversion information about each color sample from the chart by clicking on it or converting it's value in the color converter.

Color schemes:

The converter generates color schemes from the converted sample. The schemes are based on color theory, it provides 6 color schemes in the following order: analogous, monochromatic, complementary, triade, tetrade and split. For colors based on shades of gray like white, black or any grayscale color, the schemes are not generated You can covert each color cample from the scheme by clicking on it.

Color charts

Below you can find full color charts for Pantone (PMS), RAL Design Plus, Flat design, Websafe and CSS color's names. The lists are interactive providing conversion information upon clicking on each color box.

RAL Classic

RAL Classic is a color matching system that is mainly propagated in Europe, it is effectively used for varnish and powder coating but also for panels and plastics.

Flat Design

Flat Design is a minimalistic design language. It is commonly applied in user interfaces (UI) designs, for example web or mobile applications but also in printing graphics for publishing, documents, posters, guides or products.

Websafe

Websafe colors were designed for displays capable of displaying 256 colors. Through the 2000s use of such displays in PC's doropped to minimum in favour of the TrueColor displays and the use of Websafe colors became unpractical.

CSS colors names

CSS colors names (color keywords). The color names work directly in CSS3 code, they prove useful when writing code for web design, being easy to apply and remember.

RAL Design Plus

RAL Design Plus is the expanded RAL color system that includes 1825 colors that are grouped every 10° of hue and additionally at 75°, 85° and 95°. Developed as a color matching tool for architects, designers, industry workers and trading. The colors of RAL Classic and RAL Design Plus do not intersect.

Pantone

Pantone Matching System (PMS), is a color space used mostly in graphic design, printing, manufacturing and supporting the transformation of color from digital design to production in physical formats.

NCS colors

NCS colors stand for Natural Color System and is the color standard used in interior design, decorating, and painting mostly in Sweden, Spain, Norway, South Africa but is also getting more popular in Europe.The NCS standard is unique, being based on the physical perception of colors - how our eyes naturally see them. It does not use color names - instead it uses letters and numbers to describe any color.