Dear color lovers – together, we’ll have a more colorful future. Support us on

✕

CSS Gradients:
#FEEE83

Information

close all

2-color gradients - Complementary color

Let CSS suggest color gradients from two hues such as the base hue and the complementary color.

Find examples of linear and radial color transitions.

Easy for web design: Copy the CSS code for easy integration on your website.

2-color gradients - Lighter colors

Let CSS suggest color gradients from two hues such as the base hue and a lighter hue.

Find examples of linear and radial color transitions from Lighter colors.

Simple for web design: copy the CSS code for easy integration on your website.

2-color gradients - Darker colors

Let CSS suggest color gradients from two hues such as the base hue and a darker hue.

Find examples of linear and radial color transitions from Darker colors.

Simple for web design: copy the CSS code for easy integration on your website.

Display options

Description

Bright color: high color values create a bright impression.

The breakdown of the color into the RGB color system: of 255 maximum color components, 254 red, 238 green and 131 blue.

The mixing ratio of these colors results in the displayed hue in the middle of the overlaps.

In the illustration you can see how the color is composed of the three components: red (top),green (bottom right) and blue (bottom left). In the middle you can see the result color.

In the CMYK color system the color is composed as follows: In this color tone, out of 100 maximum color components, none cyan, 6 magenta, 48 yellow and none key.

The mixing ratio of these colors results in the displayed hue in the middle of the overlaps.

In the diagram you can see how the color is composed of the four components cyan (top left),magenta (top right),yellow (bottom right) and black or key (bottom left). In the middle you can see the result color.

Verification of their color palette as a manufacturer!

Provide designers and agencies with accurate color values.

Let's go

2-color gradients of #FEEE83 - Complementary color

Lineal

HEX #FEEE83 to HEX #01117C

CSS-Code:

background-image: linear-gradient(135deg, #FEEE83 3%, #01117C 94%);

Radial

HEX #FEEE83 to HEX #01117C

CSS-Code:

background-image: radial-gradient(circle, #FEEE83 12%, #01117C 87%);

HEX #01117C to HEX #FEEE83

CSS-Code:

background-image: linear-gradient(135deg, #01117C 8%, #FEEE83 96%);

HEX #01117C to HEX #FEEE83

CSS-Code:

background-image: radial-gradient(circle, #01117C 5%, #FEEE83 89%);

2-color gradients of #FEEE83 - Lighter colors

Lineal

HEX #FEEE83 to HEX #FECC81

CSS-Code:

background-image: linear-gradient(135deg, #FEEE83 12%, #FECC81 95%);

Radial

HEX #FEEE83 to HEX #FECC81

CSS-Code:

background-image: radial-gradient(circle, #FEEE83 13%, #FECC81 86%);

HEX #FECC81 to HEX #FEEE83

CSS-Code:

background-image: linear-gradient(135deg, #FECC81 5%, #FEEE83 100%);

HEX #FECC81 to HEX #FEEE83

CSS-Code:

background-image: radial-gradient(circle, #FECC81 10%, #FEEE83 95%);

HEX #FEEE83 to HEX #FEED81

CSS-Code:

background-image: linear-gradient(135deg, #FEEE83 8%, #FEED81 100%);

HEX #FEEE83 to HEX #FEED81

CSS-Code:

background-image: radial-gradient(circle, #FEEE83 14%, #FEED81 100%);

HEX #FEED81 to HEX #FEEE83

CSS-Code:

background-image: linear-gradient(135deg, #FEED81 6%, #FEEE83 98%);

HEX #FEED81 to HEX #FEEE83

CSS-Code:

background-image: radial-gradient(circle, #FEED81 11%, #FEEE83 92%);

HEX #FEEE83 to HEX #EDFE81

CSS-Code:

background-image: linear-gradient(135deg, #FEEE83 2%, #EDFE81 91%);

HEX #FEEE83 to HEX #EDFE81

CSS-Code:

background-image: radial-gradient(circle, #FEEE83 1%, #EDFE81 94%);

HEX #EDFE81 to HEX #FEEE83

CSS-Code:

background-image: linear-gradient(135deg, #EDFE81 2%, #FEEE83 87%);

HEX #EDFE81 to HEX #FEEE83

CSS-Code:

background-image: radial-gradient(circle, #EDFE81 3%, #FEEE83 88%);

HEX #FEEE83 to HEX #CCFE81

CSS-Code:

background-image: linear-gradient(135deg, #FEEE83 6%, #CCFE81 90%);

HEX #FEEE83 to HEX #CCFE81

CSS-Code:

background-image: radial-gradient(circle, #FEEE83 11%, #CCFE81 100%);

HEX #CCFE81 to HEX #FEEE83

CSS-Code:

background-image: linear-gradient(135deg, #CCFE81 11%, #FEEE83 89%);

HEX #CCFE81 to HEX #FEEE83

CSS-Code:

background-image: radial-gradient(circle, #CCFE81 13%, #FEEE83 88%);

2-color gradients of #FEEE83 - Darker colors

Lineal

HEX #FEEE83 to HEX #FDE858

CSS-Code:

background-image: linear-gradient(135deg, #FEEE83 9%, #FDE858 99%);

Radial

HEX #FEEE83 to HEX #FDE858

CSS-Code:

background-image: radial-gradient(circle, #FEEE83 2%, #FDE858 90%);

HEX #FDE858 to HEX #FEEE83

CSS-Code:

background-image: linear-gradient(135deg, #FDE858 13%, #FEEE83 98%);

HEX #FDE858 to HEX #FEEE83

CSS-Code:

background-image: radial-gradient(circle, #FDE858 3%, #FEEE83 98%);

HEX #FEEE83 to HEX #FEED81

CSS-Code:

background-image: linear-gradient(135deg, #FEEE83 13%, #FEED81 87%);

HEX #FEEE83 to HEX #FEED81

CSS-Code:

background-image: radial-gradient(circle, #FEEE83 7%, #FEED81 86%);

HEX #FEED81 to HEX #FEEE83

CSS-Code:

background-image: linear-gradient(135deg, #FEED81 8%, #FEEE83 99%);

HEX #FEED81 to HEX #FEEE83

CSS-Code:

background-image: radial-gradient(circle, #FEED81 3%, #FEEE83 100%);

HEX #FEEE83 to HEX #FEF3AA

CSS-Code:

background-image: linear-gradient(135deg, #FEEE83 2%, #FEF3AA 92%);

HEX #FEEE83 to HEX #FEF3AA

CSS-Code:

background-image: radial-gradient(circle, #FEEE83 1%, #FEF3AA 87%);

HEX #FEF3AA to HEX #FEEE83

CSS-Code:

background-image: linear-gradient(135deg, #FEF3AA 12%, #FEEE83 95%);

HEX #FEF3AA to HEX #FEEE83

CSS-Code:

background-image: radial-gradient(circle, #FEF3AA 13%, #FEEE83 87%);

HEX #FEEE83 to HEX #FFF9D2

CSS-Code:

background-image: linear-gradient(135deg, #FEEE83 1%, #FFF9D2 100%);

HEX #FEEE83 to HEX #FFF9D2

CSS-Code:

background-image: radial-gradient(circle, #FEEE83 3%, #FFF9D2 100%);

HEX #FFF9D2 to HEX #FEEE83

CSS-Code:

background-image: linear-gradient(135deg, #FFF9D2 6%, #FEEE83 92%);

HEX #FFF9D2 to HEX #FEEE83

CSS-Code:

background-image: radial-gradient(circle, #FFF9D2 14%, #FEEE83 95%);

2-color gradients of #FEEE83 - Analogue colors

Lineal

HEX #FEEE83 to HEX #FECC81

CSS-Code:

background-image: linear-gradient(135deg, #FEEE83 13%, #FECC81 94%);

Radial

HEX #FEEE83 to HEX #FECC81

CSS-Code:

background-image: radial-gradient(circle, #FEEE83 9%, #FECC81 90%);

HEX #FECC81 to HEX #FEEE83

CSS-Code:

background-image: linear-gradient(135deg, #FECC81 6%, #FEEE83 96%);

HEX #FECC81 to HEX #FEEE83

CSS-Code:

background-image: radial-gradient(circle, #FECC81 0%, #FEEE83 86%);

HEX #FEEE83 to HEX #FEED81

CSS-Code:

background-image: linear-gradient(135deg, #FEEE83 0%, #FEED81 95%);

HEX #FEEE83 to HEX #FEED81

CSS-Code:

background-image: radial-gradient(circle, #FEEE83 8%, #FEED81 92%);

HEX #FEED81 to HEX #FEEE83

CSS-Code:

background-image: linear-gradient(135deg, #FEED81 2%, #FEEE83 90%);

HEX #FEED81 to HEX #FEEE83

CSS-Code:

background-image: radial-gradient(circle, #FEED81 8%, #FEEE83 86%);

HEX #FEEE83 to HEX #EDFE81

CSS-Code:

background-image: linear-gradient(135deg, #FEEE83 4%, #EDFE81 97%);

HEX #FEEE83 to HEX #EDFE81

CSS-Code:

background-image: radial-gradient(circle, #FEEE83 12%, #EDFE81 100%);

HEX #EDFE81 to HEX #FEEE83

CSS-Code:

background-image: linear-gradient(135deg, #EDFE81 0%, #FEEE83 99%);

HEX #EDFE81 to HEX #FEEE83

CSS-Code:

background-image: radial-gradient(circle, #EDFE81 13%, #FEEE83 93%);

HEX #FEEE83 to HEX #CCFE81

CSS-Code:

background-image: linear-gradient(135deg, #FEEE83 11%, #CCFE81 94%);

HEX #FEEE83 to HEX #CCFE81

CSS-Code:

background-image: radial-gradient(circle, #FEEE83 11%, #CCFE81 89%);

HEX #CCFE81 to HEX #FEEE83

CSS-Code:

background-image: linear-gradient(135deg, #CCFE81 10%, #FEEE83 97%);

HEX #CCFE81 to HEX #FEEE83

CSS-Code:

background-image: radial-gradient(circle, #CCFE81 10%, #FEEE83 95%);

2-color gradients of #FEEE83 - Monochromatic colors

Lineal

HEX #FEEE83 to HEX #FDE858

CSS-Code:

background-image: linear-gradient(135deg, #FEEE83 9%, #FDE858 94%);

Radial

HEX #FEEE83 to HEX #FDE858

CSS-Code:

background-image: radial-gradient(circle, #FEEE83 8%, #FDE858 89%);

HEX #FDE858 to HEX #FEEE83

CSS-Code:

background-image: linear-gradient(135deg, #FDE858 13%, #FEEE83 87%);

HEX #FDE858 to HEX #FEEE83

CSS-Code:

background-image: radial-gradient(circle, #FDE858 13%, #FEEE83 92%);

HEX #FEEE83 to HEX #FEED81

CSS-Code:

background-image: linear-gradient(135deg, #FEEE83 12%, #FEED81 95%);

HEX #FEEE83 to HEX #FEED81

CSS-Code:

background-image: radial-gradient(circle, #FEEE83 1%, #FEED81 100%);

HEX #FEED81 to HEX #FEEE83

CSS-Code:

background-image: linear-gradient(135deg, #FEED81 1%, #FEEE83 89%);

HEX #FEED81 to HEX #FEEE83

CSS-Code:

background-image: radial-gradient(circle, #FEED81 4%, #FEEE83 89%);

HEX #FEEE83 to HEX #FEF3AA

CSS-Code:

background-image: linear-gradient(135deg, #FEEE83 2%, #FEF3AA 100%);

HEX #FEEE83 to HEX #FEF3AA

CSS-Code:

background-image: radial-gradient(circle, #FEEE83 11%, #FEF3AA 99%);

HEX #FEF3AA to HEX #FEEE83

CSS-Code:

background-image: linear-gradient(135deg, #FEF3AA 2%, #FEEE83 87%);

HEX #FEF3AA to HEX #FEEE83

CSS-Code:

background-image: radial-gradient(circle, #FEF3AA 0%, #FEEE83 93%);

HEX #FEEE83 to HEX #FFF9D2

CSS-Code:

background-image: linear-gradient(135deg, #FEEE83 5%, #FFF9D2 86%);

HEX #FEEE83 to HEX #FFF9D2

CSS-Code:

background-image: radial-gradient(circle, #FEEE83 12%, #FFF9D2 88%);

HEX #FFF9D2 to HEX #FEEE83

CSS-Code:

background-image: linear-gradient(135deg, #FFF9D2 2%, #FEEE83 87%);

HEX #FFF9D2 to HEX #FEEE83

CSS-Code:

background-image: radial-gradient(circle, #FFF9D2 9%, #FEEE83 90%);

2-color gradients of #FEEE83 - Partial complementary colors

Lineal

HEX #FEEE83 to HEX #81FE89

CSS-Code:

background-image: linear-gradient(135deg, #FEEE83 12%, #81FE89 99%);

Radial

HEX #FEEE83 to HEX #81FE89

CSS-Code:

background-image: radial-gradient(circle, #FEEE83 14%, #81FE89 98%);

HEX #81FE89 to HEX #FEEE83

CSS-Code:

background-image: linear-gradient(135deg, #81FE89 6%, #FEEE83 93%);

HEX #81FE89 to HEX #FEEE83

CSS-Code:

background-image: radial-gradient(circle, #81FE89 7%, #FEEE83 87%);

HEX #FEEE83 to HEX #BB81FE

CSS-Code:

background-image: linear-gradient(135deg, #FEEE83 1%, #BB81FE 99%);

HEX #FEEE83 to HEX #BB81FE

CSS-Code:

background-image: radial-gradient(circle, #FEEE83 5%, #BB81FE 94%);

HEX #BB81FE to HEX #FEEE83

CSS-Code:

background-image: linear-gradient(135deg, #BB81FE 3%, #FEEE83 88%);

HEX #BB81FE to HEX #FEEE83

CSS-Code:

background-image: radial-gradient(circle, #BB81FE 7%, #FEEE83 92%);

2-color gradients of #FEEE83 - Triadic colors

Lineal

HEX #FEEE83 to HEX #81FEED

CSS-Code:

background-image: linear-gradient(135deg, #FEEE83 1%, #81FEED 87%);

Radial

HEX #FEEE83 to HEX #81FEED

CSS-Code:

background-image: radial-gradient(circle, #FEEE83 2%, #81FEED 90%);

HEX #81FEED to HEX #FEEE83

CSS-Code:

background-image: linear-gradient(135deg, #81FEED 11%, #FEEE83 91%);

HEX #81FEED to HEX #FEEE83

CSS-Code:

background-image: radial-gradient(circle, #81FEED 1%, #FEEE83 96%);

HEX #FEEE83 to HEX #ED81FE

CSS-Code:

background-image: linear-gradient(135deg, #FEEE83 11%, #ED81FE 98%);

HEX #FEEE83 to HEX #ED81FE

CSS-Code:

background-image: radial-gradient(circle, #FEEE83 12%, #ED81FE 98%);

HEX #ED81FE to HEX #FEEE83

CSS-Code:

background-image: linear-gradient(135deg, #ED81FE 2%, #FEEE83 94%);

HEX #ED81FE to HEX #FEEE83

CSS-Code:

background-image: radial-gradient(circle, #ED81FE 6%, #FEEE83 98%);

2-color gradients of #FEEE83 - Rectangular (tetradic) colors

Lineal

HEX #FEEE83 to HEX #81FE89

CSS-Code:

background-image: linear-gradient(135deg, #FEEE83 12%, #81FE89 99%);

Radial

HEX #FEEE83 to HEX #81FE89

CSS-Code:

background-image: radial-gradient(circle, #FEEE83 14%, #81FE89 88%);

HEX #81FE89 to HEX #FEEE83

CSS-Code:

background-image: linear-gradient(135deg, #81FE89 6%, #FEEE83 86%);

HEX #81FE89 to HEX #FEEE83

CSS-Code:

background-image: radial-gradient(circle, #81FE89 5%, #FEEE83 93%);

HEX #FEEE83 to HEX #8191FE

CSS-Code:

background-image: linear-gradient(135deg, #FEEE83 7%, #8191FE 93%);

HEX #FEEE83 to HEX #8191FE

CSS-Code:

background-image: radial-gradient(circle, #FEEE83 14%, #8191FE 99%);

HEX #8191FE to HEX #FEEE83

CSS-Code:

background-image: linear-gradient(135deg, #8191FE 11%, #FEEE83 86%);

HEX #8191FE to HEX #FEEE83

CSS-Code:

background-image: radial-gradient(circle, #8191FE 8%, #FEEE83 97%);

HEX #FEEE83 to HEX #FE81F5

CSS-Code:

background-image: linear-gradient(135deg, #FEEE83 9%, #FE81F5 90%);

HEX #FEEE83 to HEX #FE81F5

CSS-Code:

background-image: radial-gradient(circle, #FEEE83 0%, #FE81F5 97%);

HEX #FE81F5 to HEX #FEEE83

CSS-Code:

background-image: linear-gradient(135deg, #FE81F5 0%, #FEEE83 95%);

HEX #FE81F5 to HEX #FEEE83

CSS-Code:

background-image: radial-gradient(circle, #FE81F5 7%, #FEEE83 100%);

2-color gradients of #FEEE83 - Square colors

Lineal

HEX #FEEE83 to HEX #81FEAF

CSS-Code:

background-image: linear-gradient(135deg, #FEEE83 10%, #81FEAF 92%);

Radial

HEX #FEEE83 to HEX #81FEAF

CSS-Code:

background-image: radial-gradient(circle, #FEEE83 12%, #81FEAF 94%);

HEX #81FEAF to HEX #FEEE83

CSS-Code:

background-image: linear-gradient(135deg, #81FEAF 14%, #FEEE83 86%);

HEX #81FEAF to HEX #FEEE83

CSS-Code:

background-image: radial-gradient(circle, #81FEAF 6%, #FEEE83 96%);

HEX #FEEE83 to HEX #8191FE

CSS-Code:

background-image: linear-gradient(135deg, #FEEE83 10%, #8191FE 100%);

HEX #FEEE83 to HEX #8191FE

CSS-Code:

background-image: radial-gradient(circle, #FEEE83 4%, #8191FE 97%);

HEX #8191FE to HEX #FEEE83

CSS-Code:

background-image: linear-gradient(135deg, #8191FE 12%, #FEEE83 96%);

HEX #8191FE to HEX #FEEE83

CSS-Code:

background-image: radial-gradient(circle, #8191FE 7%, #FEEE83 96%);

HEX #FEEE83 to HEX #FE81D0

CSS-Code:

background-image: linear-gradient(135deg, #FEEE83 13%, #FE81D0 91%);

HEX #FEEE83 to HEX #FE81D0

CSS-Code:

background-image: radial-gradient(circle, #FEEE83 1%, #FE81D0 98%);

HEX #FE81D0 to HEX #FEEE83

CSS-Code:

background-image: linear-gradient(135deg, #FE81D0 14%, #FEEE83 87%);

HEX #FE81D0 to HEX #FEEE83

CSS-Code:

background-image: radial-gradient(circle, #FE81D0 5%, #FEEE83 94%);

Show more color palettes

Services

Colors

RGB to HEX

convert from RGB red green blue to #RRGGBB

RGB to CMYK

convert from RGB red green blue to CMYK cyan / magenta / yellow / black

RGB to RAL®

convert from RGB red green blue to RAL®-number (RAL 0000)

RGB to HKS®

convert from RGB red green blue to HKS®-number (HKS 00)

RGB to PANTONE®

convert from RGB red green blue to Pantone®-number (Pantone 0000)

RGB to Sherwin Williams®

convert from RGB red green blue to Sherwin Williams®-number (SW 0000)

RGB to NCS®

convert from RGB red green blue to NCS-number (S0000-X00X)

RGBA to HEX

convert from RGBA red green blue transparency to #RRGGBB

RGBA to CMYK

convert from RGBA red green blue transparency to CMYK cyan / magenta / yellow / black

RGBA to RAL®

convert from RGBA red green blue transparency to RAL®-number (RAL 0000)

RGBA to HKS®

convert from RGBA red green blue transparency to HKS®-number (HKS 00)

RGBA to PANTONE®

convert from RGBA red green blue transparency to Pantone®-number (Pantone 0000)

RGBA to Sherwin Williams®

convert from RGBA red green blue transparency to Sherwin Williams®-number (SW 0000)

RGBA to NCS®

convert from RGBA red green blue transparency to NCS-number (S0000-X00X)

CMYK to HEX

convert from CMYK cyan / magenta / yellow / black to #RRGGBB

CMYK to RGB

convert from CMYK cyan / magenta / yellow / black to RGB red green blue

CMYK to RGBA

convert from CMYK cyan / magenta / yellow / black to RGBA red green blue transparency

CMYK to RAL®

convert from CMYK cyan / magenta / yellow / black to RAL®-number (RAL 0000)

CMYK to HKS®

convert from CMYK cyan / magenta / yellow / black to HKS®-number (HKS 00)

CMYK to PANTONE®

convert from CMYK cyan / magenta / yellow / black to Pantone®-number (Pantone 0000)

CMYK to Sherwin Williams®

convert from CMYK cyan / magenta / yellow / black to Sherwin Williams®-number (SW 0000)

CMYK to NCS®

convert from CMYK cyan / magenta / yellow / black to NCS-number (S0000-X00X)

HEX to RGB

convert from #RRGGBB to RGB red green blue

HEX to RGBA

convert from #RRGGBB to RGBA red green blue transparency

HEX to CMYK

convert from #RRGGBB to CMYK cyan / magenta / yellow / black

HEX to RAL®

convert from #RRGGBB to RAL®-number (RAL 0000)

HEX to HKS®

convert from #RRGGBB to HKS®-number (HKS 00)

HEX to PANTONE®

convert from #RRGGBB to Pantone®-number (Pantone 0000)

HEX to Sherwin Williams®

convert from #RRGGBB to Sherwin Williams®-number (SW 0000)

HEX to NCS®

convert from #RRGGBB to NCS-number (S0000-X00X)

RAL® to RGB

convert from RAL®-number (RAL 0000) to RGB red green blue

RAL® to RGBA

convert from RAL®-number (RAL 0000) to RGBA red green blue transparency

RAL® to CMYK

convert from RAL®-number (RAL 0000) to CMYK cyan / magenta / yellow / black

RAL® to HEX

convert from RAL®-number (RAL 0000) to #RRGGBB

RAL® to HKS®

convert from RAL®-number (RAL 0000) to HKS®-number (HKS 00)

RAL® to PANTONE®

convert from RAL®-number (RAL 0000) to Pantone®-number (Pantone 0000)

RAL® to Sherwin Williams®

convert from RAL®-number (RAL 0000) to Sherwin Williams®-number (SW 0000)

RAL® to NCS®

convert from RAL®-number (RAL 0000) to NCS-number (S0000-X00X)

HKS® to RGB

convert from HKS®-number (HKS 00) to RGB red green blue

HKS® to RGBA

convert from HKS®-number (HKS 00) to RGBA red green blue transparency

HKS® to CMYK

convert from HKS®-number (HKS 00) to CMYK cyan / magenta / yellow / black

HKS® to HEX

convert from HKS®-number (HKS 00) to #RRGGBB

HKS® to RAL®

convert from HKS®-number (HKS 00) to RAL®-number (RAL 0000)

HKS® to PANTONE®

convert from HKS®-number (HKS 00) to Pantone®-number (Pantone 0000)

HKS® to Sherwin Williams®

convert from HKS®-number (HKS 00) to Sherwin Williams®-number (SW 0000)

HKS® to NCS®

convert from HKS®-number (HKS 00) to NCS-number (S0000-X00X)

PANTONE® to RGB

convert from Pantone®-number (Pantone 0000) to RGB red green blue

PANTONE® to RGBA

convert from Pantone®-number (Pantone 0000) to RGBA red green blue transparency

PANTONE® to CMYK

convert from Pantone®-number (Pantone 0000) to CMYK cyan / magenta / yellow / black

PANTONE® to HEX

convert from Pantone®-number (Pantone 0000) to #RRGGBB

PANTONE® to RAL®

convert from Pantone®-number (Pantone 0000) to RAL®-number (RAL 0000)

PANTONE® to HKS®

convert from Pantone®-number (Pantone 0000) to HKS®-number (HKS 00)

PANTONE® to Sherwin Williams®

convert from Pantone®-number (Pantone 0000) to Sherwin Williams®-number (SW 0000)

PANTONE® to NCS®

convert from Pantone®-number (Pantone 0000) to NCS-number (S0000-X00X)

Sherwin Williams® to RGB

convert from Sherwin Williams®-number (SW 0000) to RGB red green blue

Sherwin Williams® to RGBA

convert from Sherwin Williams®-number (SW 0000) to RGBA red green blue transparency

Sherwin Williams® to CMYK

convert from Sherwin Williams®-number (SW 0000) to CMYK cyan / magenta / yellow / black

Sherwin Williams® to HEX

convert from Sherwin Williams®-number (SW 0000) to #RRGGBB

Sherwin Williams® to RAL®

convert from Sherwin Williams®-number (SW 0000) to RAL®-number (RAL 0000)

Sherwin Williams® to HKS®

convert from Sherwin Williams®-number (SW 0000) to HKS®-number (HKS 00)

Sherwin Williams® to PANTONE®

convert from Sherwin Williams®-number (SW 0000) to Pantone®-number (Pantone 0000)

Sherwin Williams® to NCS®

convert from Sherwin Williams®-number (SW 0000) to NCS-number (S0000-X00X)

NCS® to RGB

convert from NCS-number (S0000-X00X) to RGB red green blue

NCS® to RGBA

convert from NCS-number (S0000-X00X) to RGBA red green blue transparency

NCS® to CMYK

convert from NCS-number (S0000-X00X) to CMYK cyan / magenta / yellow / black

NCS® to HEX

convert from NCS-number (S0000-X00X) to #RRGGBB

NCS® to RAL®

convert from NCS-number (S0000-X00X) to RAL®-number (RAL 0000)

NCS® to HKS®

convert from NCS-number (S0000-X00X) to HKS®-number (HKS 00)

NCS® to PANTONE®

convert from NCS-number (S0000-X00X) to Pantone®-number (Pantone 0000)

To be able to save color palettes, a registration is required.

Log in to your account

or

Create an account

Current color palette Share
Should it be public or private?
Link(s) will follow after sharing.

Public

Color palette shared
Please copy and save the desired link.

Share

View

OK, I have copied the links

Your colors will be saved in a new color palette.
View them under your profile.
You can customize them further, and share them.

Show color palette

Close

Create a color palette

DownloadDownload in different formats

By clicking on you can create palettes and download the color swatches.