About the project

The project has been created as an useful tool for everyone who whishes to obtain useful color conversions between different color spaces.

By using the converter you can accurately convert the following color codes: HEX to RGB, HSL, HSB, RAL Classic, RAL Design Plus, CMYK, PANTONE, WEBSAFE, NCS, CSS color names and vice-versa.

It also generates color schemes according to color theory: analogous, monochromatic, complementary, triade, tetrade, split.

How to use:

Below you can find a detailed guide on how to use the converter, schemes, palletes and charts that you can find on this website.

Converter:

How to use?

Convert HEX to RGB, RAL Classic, RAL Design Plus, RAL Effect, Pantone, CMYK, HSL, HSB, NCS, WEBSAFE, LAB and vice versa. We are working on adding new features and currently MOTIP color name input is supported for all the car paints also. Choose a color from the picker, or enter the color code in the input box below. Currently we support color codes and names input in those 13 industry standard 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^1NEW
• NCS - ex. 0515-G40Y^1NEW
• LAB - ex. lab(38.622,-1.903,-1.959)^3NEW
• MOTIP - ex. LICHTGRAU^4NEW

• After you enter the color's code in the first input box the conversion gets done automatically without needing to click on the "convert" button.


• If choosing the color from the second input box with the color picker, the "convert" button needs to be clicked to get the color converted.


• The results are displayed in the 12 boxes below with the results in different formats, from where you can copy them to your clipboard or save them as a JSON object.


• After the conversion gets done the converter generates color schemes, palletes and styled UI elements - you can find more information below.

Color schemes:

The converter generates color schemes from the converted sample. Based on the distance to certain colors calculated from the hue parameter. The schemes are based on color theory, the generator provides 6 color schemes in the following order: analogous, monochromatic, complementary, triade, tetrade and split. For colors based on gray, like white, black or any grayscale color, the schemes are not generated.

• Analogous - 6 samples


• Monochromatic - 5 samples


• Complementary - 2 samples


• Triade - 3 samples


• Tetrade - 4 samples


• Split - 3 samples

You can covert each color cample from the scheme by clicking on it, also changes accordingly the generated schemes and palletes.

You can save the generated schemes as a JSON object by clicking the button on the right.

Color charts:

Feel free to browse through our color charts to find a match for your desired color or convert it to other formats, we provide charts for 8 color spaces: RAL Design Plus, RAL Classic, Pantone, Flat Design, Material Design, Websafe, CSS color's names and MOTIP. You can covert each color sample from the chart by clicking on it, which will also generate color schemes, palletes and styled UI elements for the chosen sample.

List of our color charts:

• RAL Classic
• RAL Design Plus
• PANTONE
• FLAT DESIGN
• MATERIAL DESIGN
• WEBSAFE
• CSS COLOR NAMES
• NCS COLORS CHART
• NTS COLORS CHART

You can save the full color chart as a JSON object or array by clicking the button above the chart on the left.