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

CSS Gradients:
#528350

Information

ferme tous les

Laisse-toi suggérer des CSS dégradés de deux teintes comme la teinte de base et la couleur complémentaire.

Trouve des exemples de transitions de couleurs linéaires et radiales.

Facile pour le webdesign : copie le code CSS pour l'intégrer facilement sur ton site.

Laisse-toi suggérer des CSS dégradés de deux teintes, comme la teinte de base et une teinte plus claire.

Trouve des exemples de transitions linéaires et radiales de Teintes plus claires.

Facile pour le webdesign : copie le code CSS pour l'intégrer facilement sur ton site.

Laisse-toi suggérer des CSS dégradés de deux teintes, comme la teinte de base et une teinte plus foncée.

Trouve des exemples de transitions de couleurs linéaires et radiales de Teintes plus foncées.

Facile pour le webdesign : copie le code CSS pour l'intégrer facilement sur ton site.

Options d'affichage

Description

Comme les valeurs chromatiques sont relativement faibles par rapport aux autres, cette teinte nous semble plus sombre.

La décomposition de la couleur dans le système de couleurs RGB : dans cette teinte, sur 255 parts de couleurs maximales, respectivement 82 Rouge, 131 Vert et 80 bleu.

Du mélange de ces couleurs résulte la teinte affichée au milieu des chevauchements.

Dans la représentation, tu vois comment la couleur est composée des trois éléments rouge (en haut), vert (en bas à droite) et bleu (en bas à gauche). Au centre, tu peux voir la couleur résultante.
82 131 80 R G B
Dans le système de couleurs CMYK, la couleur est composée de la manière suivante : Dans cette teinte, sur 100 parts maximales de couleur, respectivement 37 cyan, pas de magenta, 39 jaune et 49 key.

Du mélange de ces couleurs résulte la teinte affichée au milieu des chevauchements.

Dans la représentation, tu vois comment la couleur est composée des quatre éléments cyan (en haut à gauche), magenta (en haut à droite), jaune ou yellow (en bas à droite) et noir ou key (en bas à gauche). Au centre, tu peux voir la couleur obtenue.
37% 0% 39% 49% C M Y K

Vérification de leur palette de couleurs en tant que fabricant !

Offrez aux designers et aux agences des valeurs chromatiques précises.

C'est parti

Linéaire

HEX #528350 sur HEX #AD7CAF


Code CSS:

background-image: linear-gradient(135deg, #528350 6%, #AD7CAF 91%);

Radial

HEX #528350 sur HEX #AD7CAF


Code CSS:

background-image: radial-gradient(circle, #528350 11%, #AD7CAF 89%);

 

HEX #AD7CAF sur HEX #528350


Code CSS:

background-image: linear-gradient(135deg, #AD7CAF 3%, #528350 99%);

 

HEX #AD7CAF sur HEX #528350


Code CSS:

background-image: radial-gradient(circle, #AD7CAF 10%, #528350 89%);

Linéaire

HEX #528350 sur HEX #68955E


Code CSS:

background-image: linear-gradient(135deg, #528350 2%, #68955E 93%);

Radial

HEX #528350 sur HEX #68955E


Code CSS:

background-image: radial-gradient(circle, #528350 12%, #68955E 99%);

 

HEX #68955E sur HEX #528350


Code CSS:

background-image: linear-gradient(135deg, #68955E 1%, #528350 92%);

 

HEX #68955E sur HEX #528350


Code CSS:

background-image: radial-gradient(circle, #68955E 9%, #528350 99%);

 

HEX #528350 sur HEX #79A771


Code CSS:

background-image: linear-gradient(135deg, #528350 1%, #79A771 96%);

 

HEX #528350 sur HEX #79A771


Code CSS:

background-image: radial-gradient(circle, #528350 1%, #79A771 87%);

 

HEX #79A771 sur HEX #528350


Code CSS:

background-image: linear-gradient(135deg, #79A771 9%, #528350 93%);

 

HEX #79A771 sur HEX #528350


Code CSS:

background-image: radial-gradient(circle, #79A771 6%, #528350 90%);

 

HEX #528350 sur HEX #8AB984


Code CSS:

background-image: linear-gradient(135deg, #528350 9%, #8AB984 93%);

 

HEX #528350 sur HEX #8AB984


Code CSS:

background-image: radial-gradient(circle, #528350 2%, #8AB984 99%);

 

HEX #8AB984 sur HEX #528350


Code CSS:

background-image: linear-gradient(135deg, #8AB984 3%, #528350 89%);

 

HEX #8AB984 sur HEX #528350


Code CSS:

background-image: radial-gradient(circle, #8AB984 13%, #528350 86%);

 

HEX #528350 sur HEX #9BCB97


Code CSS:

background-image: linear-gradient(135deg, #528350 10%, #9BCB97 99%);

 

HEX #528350 sur HEX #9BCB97


Code CSS:

background-image: radial-gradient(circle, #528350 13%, #9BCB97 94%);

 

HEX #9BCB97 sur HEX #528350


Code CSS:

background-image: linear-gradient(135deg, #9BCB97 12%, #528350 92%);

 

HEX #9BCB97 sur HEX #528350


Code CSS:

background-image: radial-gradient(circle, #9BCB97 12%, #528350 98%);

Linéaire

HEX #528350 sur HEX #41713D


Code CSS:

background-image: linear-gradient(135deg, #528350 3%, #41713D 90%);

Radial

HEX #528350 sur HEX #41713D


Code CSS:

background-image: radial-gradient(circle, #528350 11%, #41713D 94%);

 

HEX #41713D sur HEX #528350


Code CSS:

background-image: linear-gradient(135deg, #41713D 11%, #528350 94%);

 

HEX #41713D sur HEX #528350


Code CSS:

background-image: radial-gradient(circle, #41713D 3%, #528350 93%);

 

HEX #528350 sur HEX #305F2A


Code CSS:

background-image: linear-gradient(135deg, #528350 2%, #305F2A 94%);

 

HEX #528350 sur HEX #305F2A


Code CSS:

background-image: radial-gradient(circle, #528350 9%, #305F2A 86%);

 

HEX #305F2A sur HEX #528350


Code CSS:

background-image: linear-gradient(135deg, #305F2A 1%, #528350 91%);

 

HEX #305F2A sur HEX #528350


Code CSS:

background-image: radial-gradient(circle, #305F2A 1%, #528350 94%);

 

HEX #528350 sur HEX #1F4D17


Code CSS:

background-image: linear-gradient(135deg, #528350 8%, #1F4D17 88%);

 

HEX #528350 sur HEX #1F4D17


Code CSS:

background-image: radial-gradient(circle, #528350 12%, #1F4D17 95%);

 

HEX #1F4D17 sur HEX #528350


Code CSS:

background-image: linear-gradient(135deg, #1F4D17 14%, #528350 86%);

 

HEX #1F4D17 sur HEX #528350


Code CSS:

background-image: radial-gradient(circle, #1F4D17 5%, #528350 95%);

 

HEX #528350 sur HEX #0E3B04


Code CSS:

background-image: linear-gradient(135deg, #528350 9%, #0E3B04 95%);

 

HEX #528350 sur HEX #0E3B04


Code CSS:

background-image: radial-gradient(circle, #528350 8%, #0E3B04 100%);

 

HEX #0E3B04 sur HEX #528350


Code CSS:

background-image: linear-gradient(135deg, #0E3B04 6%, #528350 93%);

 

HEX #0E3B04 sur HEX #528350


Code CSS:

background-image: radial-gradient(circle, #0E3B04 10%, #528350 98%);

Linéaire

HEX #528350 sur HEX #4F8155


Code CSS:

background-image: linear-gradient(135deg, #528350 1%, #4F8155 100%);

Radial

HEX #528350 sur HEX #4F8155


Code CSS:

background-image: radial-gradient(circle, #528350 2%, #4F8155 94%);

 

HEX #4F8155 sur HEX #528350


Code CSS:

background-image: linear-gradient(135deg, #4F8155 4%, #528350 95%);

 

HEX #4F8155 sur HEX #528350


Code CSS:

background-image: radial-gradient(circle, #4F8155 7%, #528350 89%);

 

HEX #528350 sur HEX #4F815D


Code CSS:

background-image: linear-gradient(135deg, #528350 1%, #4F815D 93%);

 

HEX #528350 sur HEX #4F815D


Code CSS:

background-image: radial-gradient(circle, #528350 8%, #4F815D 89%);

 

HEX #4F815D sur HEX #528350


Code CSS:

background-image: linear-gradient(135deg, #4F815D 0%, #528350 88%);

 

HEX #4F815D sur HEX #528350


Code CSS:

background-image: radial-gradient(circle, #4F815D 4%, #528350 88%);

 

HEX #528350 sur HEX #4F8166


Code CSS:

background-image: linear-gradient(135deg, #528350 1%, #4F8166 89%);

 

HEX #528350 sur HEX #4F8166


Code CSS:

background-image: radial-gradient(circle, #528350 8%, #4F8166 97%);

 

HEX #4F8166 sur HEX #528350


Code CSS:

background-image: linear-gradient(135deg, #4F8166 7%, #528350 87%);

 

HEX #4F8166 sur HEX #528350


Code CSS:

background-image: radial-gradient(circle, #4F8166 3%, #528350 100%);

 

HEX #528350 sur HEX #4F816E


Code CSS:

background-image: linear-gradient(135deg, #528350 1%, #4F816E 100%);

 

HEX #528350 sur HEX #4F816E


Code CSS:

background-image: radial-gradient(circle, #528350 7%, #4F816E 100%);

 

HEX #4F816E sur HEX #528350


Code CSS:

background-image: linear-gradient(135deg, #4F816E 9%, #528350 96%);

 

HEX #4F816E sur HEX #528350


Code CSS:

background-image: radial-gradient(circle, #4F816E 2%, #528350 91%);

Linéaire

HEX #528350 sur HEX #72B66F


Code CSS:

background-image: linear-gradient(135deg, #528350 13%, #72B66F 99%);

Radial

HEX #528350 sur HEX #72B66F


Code CSS:

background-image: radial-gradient(circle, #528350 4%, #72B66F 91%);

 

HEX #72B66F sur HEX #528350


Code CSS:

background-image: linear-gradient(135deg, #72B66F 0%, #528350 98%);

 

HEX #72B66F sur HEX #528350


Code CSS:

background-image: radial-gradient(circle, #72B66F 10%, #528350 97%);

 

HEX #528350 sur HEX #92E98E


Code CSS:

background-image: linear-gradient(135deg, #528350 11%, #92E98E 87%);

 

HEX #528350 sur HEX #92E98E


Code CSS:

background-image: radial-gradient(circle, #528350 2%, #92E98E 87%);

 

HEX #92E98E sur HEX #528350


Code CSS:

background-image: linear-gradient(135deg, #92E98E 1%, #528350 100%);

 

HEX #92E98E sur HEX #528350


Code CSS:

background-image: radial-gradient(circle, #92E98E 1%, #528350 89%);

 

HEX #528350 sur HEX #121D12


Code CSS:

background-image: linear-gradient(135deg, #528350 3%, #121D12 98%);

 

HEX #528350 sur HEX #121D12


Code CSS:

background-image: radial-gradient(circle, #528350 9%, #121D12 99%);

 

HEX #121D12 sur HEX #528350


Code CSS:

background-image: linear-gradient(135deg, #121D12 2%, #528350 94%);

 

HEX #121D12 sur HEX #528350


Code CSS:

background-image: radial-gradient(circle, #121D12 11%, #528350 90%);

 

HEX #528350 sur HEX #325031


Code CSS:

background-image: linear-gradient(135deg, #528350 9%, #325031 91%);

 

HEX #528350 sur HEX #325031


Code CSS:

background-image: radial-gradient(circle, #528350 4%, #325031 93%);

 

HEX #325031 sur HEX #528350


Code CSS:

background-image: linear-gradient(135deg, #325031 5%, #528350 94%);

 

HEX #325031 sur HEX #528350


Code CSS:

background-image: radial-gradient(circle, #325031 8%, #528350 97%);

Linéaire

HEX #528350 sur HEX #4F7A81


Code CSS:

background-image: linear-gradient(135deg, #528350 10%, #4F7A81 94%);

Radial

HEX #528350 sur HEX #4F7A81


Code CSS:

background-image: radial-gradient(circle, #528350 5%, #4F7A81 94%);

 

HEX #4F7A81 sur HEX #528350


Code CSS:

background-image: linear-gradient(135deg, #4F7A81 2%, #528350 89%);

 

HEX #4F7A81 sur HEX #528350


Code CSS:

background-image: radial-gradient(circle, #4F7A81 14%, #528350 92%);

 

HEX #528350 sur HEX #814F66


Code CSS:

background-image: linear-gradient(135deg, #528350 14%, #814F66 89%);

 

HEX #528350 sur HEX #814F66


Code CSS:

background-image: radial-gradient(circle, #528350 1%, #814F66 97%);

 

HEX #814F66 sur HEX #528350


Code CSS:

background-image: linear-gradient(135deg, #814F66 13%, #528350 91%);

 

HEX #814F66 sur HEX #528350


Code CSS:

background-image: radial-gradient(circle, #814F66 3%, #528350 86%);

Linéaire

HEX #528350 sur HEX #4F5181


Code CSS:

background-image: linear-gradient(135deg, #528350 7%, #4F5181 97%);

Radial

HEX #528350 sur HEX #4F5181


Code CSS:

background-image: radial-gradient(circle, #528350 14%, #4F5181 100%);

 

HEX #4F5181 sur HEX #528350


Code CSS:

background-image: linear-gradient(135deg, #4F5181 8%, #528350 93%);

 

HEX #4F5181 sur HEX #528350


Code CSS:

background-image: radial-gradient(circle, #4F5181 3%, #528350 90%);

 

HEX #528350 sur HEX #814F51


Code CSS:

background-image: linear-gradient(135deg, #528350 2%, #814F51 89%);

 

HEX #528350 sur HEX #814F51


Code CSS:

background-image: radial-gradient(circle, #528350 4%, #814F51 95%);

 

HEX #814F51 sur HEX #528350


Code CSS:

background-image: linear-gradient(135deg, #814F51 8%, #528350 90%);

 

HEX #814F51 sur HEX #528350


Code CSS:

background-image: radial-gradient(circle, #814F51 3%, #528350 100%);

Linéaire

HEX #528350 sur HEX #4F7A81


Code CSS:

background-image: linear-gradient(135deg, #528350 8%, #4F7A81 92%);

Radial

HEX #528350 sur HEX #4F7A81


Code CSS:

background-image: radial-gradient(circle, #528350 11%, #4F7A81 89%);

 

HEX #4F7A81 sur HEX #528350


Code CSS:

background-image: linear-gradient(135deg, #4F7A81 4%, #528350 93%);

 

HEX #4F7A81 sur HEX #528350


Code CSS:

background-image: radial-gradient(circle, #4F7A81 9%, #528350 93%);

 

HEX #528350 sur HEX #7F4F81


Code CSS:

background-image: linear-gradient(135deg, #528350 6%, #7F4F81 91%);

 

HEX #528350 sur HEX #7F4F81


Code CSS:

background-image: radial-gradient(circle, #528350 0%, #7F4F81 94%);

 

HEX #7F4F81 sur HEX #528350


Code CSS:

background-image: linear-gradient(135deg, #7F4F81 13%, #528350 99%);

 

HEX #7F4F81 sur HEX #528350


Code CSS:

background-image: radial-gradient(circle, #7F4F81 11%, #528350 90%);

 

HEX #528350 sur HEX #81564F


Code CSS:

background-image: linear-gradient(135deg, #528350 5%, #81564F 90%);

 

HEX #528350 sur HEX #81564F


Code CSS:

background-image: radial-gradient(circle, #528350 9%, #81564F 87%);

 

HEX #81564F sur HEX #528350


Code CSS:

background-image: linear-gradient(135deg, #81564F 1%, #528350 87%);

 

HEX #81564F sur HEX #528350


Code CSS:

background-image: radial-gradient(circle, #81564F 5%, #528350 97%);

Linéaire

HEX #528350 sur HEX #4F6B81


Code CSS:

background-image: linear-gradient(135deg, #528350 9%, #4F6B81 100%);

Radial

HEX #528350 sur HEX #4F6B81


Code CSS:

background-image: radial-gradient(circle, #528350 0%, #4F6B81 95%);

 

HEX #4F6B81 sur HEX #528350


Code CSS:

background-image: linear-gradient(135deg, #4F6B81 3%, #528350 87%);

 

HEX #4F6B81 sur HEX #528350


Code CSS:

background-image: radial-gradient(circle, #4F6B81 3%, #528350 96%);

 

HEX #528350 sur HEX #7F4F81


Code CSS:

background-image: linear-gradient(135deg, #528350 13%, #7F4F81 87%);

 

HEX #528350 sur HEX #7F4F81


Code CSS:

background-image: radial-gradient(circle, #528350 11%, #7F4F81 97%);

 

HEX #7F4F81 sur HEX #528350


Code CSS:

background-image: linear-gradient(135deg, #7F4F81 13%, #528350 95%);

 

HEX #7F4F81 sur HEX #528350


Code CSS:

background-image: radial-gradient(circle, #7F4F81 4%, #528350 87%);

 

HEX #528350 sur HEX #81664F


Code CSS:

background-image: linear-gradient(135deg, #528350 8%, #81664F 98%);

 

HEX #528350 sur HEX #81664F


Code CSS:

background-image: radial-gradient(circle, #528350 9%, #81664F 91%);

 

HEX #81664F sur HEX #528350


Code CSS:

background-image: linear-gradient(135deg, #81664F 11%, #528350 94%);

 

HEX #81664F sur HEX #528350


Code CSS:

background-image: radial-gradient(circle, #81664F 8%, #528350 89%);

Afficher plus de palettes de couleurs

Services

Couleurs

RGB en HEX

convertir de RGB rouge vert bleu sur #RRGGBB

RGB en CMYK

convertir de RGB rouge vert bleu sur CMYK cyan / magenta / jaune / key

Icons

RGB en RAL®

convertir de RGB rouge vert bleu sur Numéro RAL® (RAL 0000)

RGB en HKS®

convertir de RGB rouge vert bleu sur Numéro HKS® (HKS 00)

RGB en PANTONE®

convertir de RGB rouge vert bleu sur Numéro Pantone® (Pantone 0000)

RGB en Sherwin Williams®

convertir de RGB rouge vert bleu sur Sherwin Williams® numéro (SW 0000)

RGB en NCS®

convertir de RGB rouge vert bleu sur Numéro NCS (S0000-X00X)

nsc-logo

RGBA en HEX

convertir de RGBA rouge vert bleu transparent sur #RRGGBB

RGBA en CMYK

convertir de RGBA rouge vert bleu transparent sur CMYK cyan / magenta / jaune / key

Icons

RGBA en RAL®

convertir de RGBA rouge vert bleu transparent sur Numéro RAL® (RAL 0000)

RGBA en HKS®

convertir de RGBA rouge vert bleu transparent sur Numéro HKS® (HKS 00)

RGBA en PANTONE®

convertir de RGBA rouge vert bleu transparent sur Numéro Pantone® (Pantone 0000)

RGBA en Sherwin Williams®

convertir de RGBA rouge vert bleu transparent sur Sherwin Williams® numéro (SW 0000)

RGBA en NCS®

convertir de RGBA rouge vert bleu transparent sur Numéro NCS (S0000-X00X)

nsc-logo

CMYK en HEX

convertir de CMYK cyan / magenta / jaune / key sur #RRGGBB

CMYK en RGB

convertir de CMYK cyan / magenta / jaune / key sur RGB rouge vert bleu

CMYK en RGBA

convertir de CMYK cyan / magenta / jaune / key sur RGBA rouge vert bleu transparent

CMYK en RAL®

convertir de CMYK cyan / magenta / jaune / key sur Numéro RAL® (RAL 0000)

CMYK en HKS®

convertir de CMYK cyan / magenta / jaune / key sur Numéro HKS® (HKS 00)

CMYK en PANTONE®

convertir de CMYK cyan / magenta / jaune / key sur Numéro Pantone® (Pantone 0000)

CMYK en Sherwin Williams®

convertir de CMYK cyan / magenta / jaune / key sur Sherwin Williams® numéro (SW 0000)

CMYK en NCS®

convertir de CMYK cyan / magenta / jaune / key sur Numéro NCS (S0000-X00X)

nsc-logo

HEX en RGB

convertir de #RRGGBB sur RGB rouge vert bleu

HEX en RGBA

convertir de #RRGGBB sur RGBA rouge vert bleu transparent

HEX en CMYK

convertir de #RRGGBB sur CMYK cyan / magenta / jaune / key

Icons

HEX en RAL®

convertir de #RRGGBB sur Numéro RAL® (RAL 0000)

HEX en HKS®

convertir de #RRGGBB sur Numéro HKS® (HKS 00)

HEX en PANTONE®

convertir de #RRGGBB sur Numéro Pantone® (Pantone 0000)

HEX en Sherwin Williams®

convertir de #RRGGBB sur Sherwin Williams® numéro (SW 0000)

HEX en NCS®

convertir de #RRGGBB sur Numéro NCS (S0000-X00X)

nsc-logo

RAL® en RGB

convertir de Numéro RAL® (RAL 0000) sur RGB rouge vert bleu

RAL® en RGBA

convertir de Numéro RAL® (RAL 0000) sur RGBA rouge vert bleu transparent

RAL® en CMYK

convertir de Numéro RAL® (RAL 0000) sur CMYK cyan / magenta / jaune / key

Icons

RAL® en HEX

convertir de Numéro RAL® (RAL 0000) sur #RRGGBB

RAL® en HKS®

convertir de Numéro RAL® (RAL 0000) sur Numéro HKS® (HKS 00)

RAL® en PANTONE®

convertir de Numéro RAL® (RAL 0000) sur Numéro Pantone® (Pantone 0000)

RAL® en Sherwin Williams®

convertir de Numéro RAL® (RAL 0000) sur Sherwin Williams® numéro (SW 0000)

RAL® en NCS®

convertir de Numéro RAL® (RAL 0000) sur Numéro NCS (S0000-X00X)

nsc-logo

HKS® en RGB

convertir de Numéro HKS® (HKS 00) sur RGB rouge vert bleu

HKS® en RGBA

convertir de Numéro HKS® (HKS 00) sur RGBA rouge vert bleu transparent

HKS® en CMYK

convertir de Numéro HKS® (HKS 00) sur CMYK cyan / magenta / jaune / key

Icons

HKS® en HEX

convertir de Numéro HKS® (HKS 00) sur #RRGGBB

HKS® en RAL®

convertir de Numéro HKS® (HKS 00) sur Numéro RAL® (RAL 0000)

HKS® en PANTONE®

convertir de Numéro HKS® (HKS 00) sur Numéro Pantone® (Pantone 0000)

HKS® en Sherwin Williams®

convertir de Numéro HKS® (HKS 00) sur Sherwin Williams® numéro (SW 0000)

HKS® en NCS®

convertir de Numéro HKS® (HKS 00) sur Numéro NCS (S0000-X00X)

nsc-logo

PANTONE® en RGB

convertir de Numéro Pantone® (Pantone 0000) sur RGB rouge vert bleu

PANTONE® en RGBA

convertir de Numéro Pantone® (Pantone 0000) sur RGBA rouge vert bleu transparent

PANTONE® en CMYK

convertir de Numéro Pantone® (Pantone 0000) sur CMYK cyan / magenta / jaune / key

Icons

PANTONE® en HEX

convertir de Numéro Pantone® (Pantone 0000) sur #RRGGBB

PANTONE® en RAL®

convertir de Numéro Pantone® (Pantone 0000) sur Numéro RAL® (RAL 0000)

PANTONE® en HKS®

convertir de Numéro Pantone® (Pantone 0000) sur Numéro HKS® (HKS 00)

PANTONE® en Sherwin Williams®

convertir de Numéro Pantone® (Pantone 0000) sur Sherwin Williams® numéro (SW 0000)

PANTONE® en NCS®

convertir de Numéro Pantone® (Pantone 0000) sur Numéro NCS (S0000-X00X)

nsc-logo

Sherwin Williams® en RGB

convertir de Sherwin Williams® numéro (SW 0000) sur RGB rouge vert bleu

Sherwin Williams® en RGBA

convertir de Sherwin Williams® numéro (SW 0000) sur RGBA rouge vert bleu transparent

Sherwin Williams® en CMYK

convertir de Sherwin Williams® numéro (SW 0000) sur CMYK cyan / magenta / jaune / key

Icons

Sherwin Williams® en HEX

convertir de Sherwin Williams® numéro (SW 0000) sur #RRGGBB

Sherwin Williams® en RAL®

convertir de Sherwin Williams® numéro (SW 0000) sur Numéro RAL® (RAL 0000)

Sherwin Williams® en HKS®

convertir de Sherwin Williams® numéro (SW 0000) sur Numéro HKS® (HKS 00)

Sherwin Williams® en PANTONE®

convertir de Sherwin Williams® numéro (SW 0000) sur Numéro Pantone® (Pantone 0000)

Sherwin Williams® en NCS®

convertir de Sherwin Williams® numéro (SW 0000) sur Numéro NCS (S0000-X00X)

nsc-logo

NCS® en RGB

convertir de Numéro NCS (S0000-X00X) sur RGB rouge vert bleu

NCS® en RGBA

convertir de Numéro NCS (S0000-X00X) sur RGBA rouge vert bleu transparent

NCS® en CMYK

convertir de Numéro NCS (S0000-X00X) sur CMYK cyan / magenta / jaune / key

Icons

NCS® en HEX

convertir de Numéro NCS (S0000-X00X) sur #RRGGBB

NCS® en RAL®

convertir de Numéro NCS (S0000-X00X) sur Numéro RAL® (RAL 0000)

NCS® en HKS®

convertir de Numéro NCS (S0000-X00X) sur Numéro HKS® (HKS 00)

NCS® en PANTONE®

convertir de Numéro NCS (S0000-X00X) sur Numéro Pantone® (Pantone 0000)

To be able to save color palettes, you must be logged in.

Sign in to your account

or

Create an account

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

Cancel Share

Color palette shared
Please copy and save the link you want.

Share

OK, I have copied the links

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

Show color palette
Close

Create a color palette

DownloadDownload in different formats

Remove All

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