Flat design colors chart

List of all Flat design colors available.

Enter code:

Choose a color:

HEX:

RGB:

RAL:

RAL Effect:

RAL Design:

HSL:

HSB:

CMYK:

Websafe:

Pantone:

NCS:

How to use?

Color converter:
Convert HEX to RGB, RAL Classic, RAL Design Plus, RAL Effect, Pantone, CMYK, HSL, HSB, NCS, WEBSAFE 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¹
_{1. case-sensitive, with spaces.} _{2. case-insensitive, no spaces.}

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.

Register Color palettes

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.

PANTONE
RAL CLASSIC
RAL EFFECT
RAL DESIGN PLUS
FLAT DESIGN
MATERIAL DESIGN
WEBSAFE
CSS COLOR NAMES
NTC COLOR NAMES
NCS COLORS CHART
ALL COLOR NAMES

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, RAL Classic, Material 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.

Material Design

Material Design is a desing language developed by Google in 2014. It's colors are based on research about creating of a new visual language that combines good design with scientific and technical innovation.

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.