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

CSS Gradients:
RGB 220 181 114

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 élevées par rapport aux autres, cette teinte nous semble plus claire.

La décomposition de la couleur dans le système de couleurs RGB : dans cette teinte, sur 255 parts de couleurs maximales, respectivement 220 Rouge, 181 Vert et 114 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.
220 181 114 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 pas de cyan, 18 magenta, 48 jaune et 14 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.
0% 18% 48% 14% 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 #DCB572 sur HEX #234A8D


Code CSS:

background-image: linear-gradient(135deg, #DCB572 14%, #234A8D 98%);

Radial

HEX #DCB572 sur HEX #234A8D


Code CSS:

background-image: radial-gradient(circle, #DCB572 13%, #234A8D 90%);

 

HEX #234A8D sur HEX #DCB572


Code CSS:

background-image: linear-gradient(135deg, #234A8D 9%, #DCB572 93%);

 

HEX #234A8D sur HEX #DCB572


Code CSS:

background-image: radial-gradient(circle, #234A8D 9%, #DCB572 93%);

Linéaire

HEX #DCB572 sur HEX #F2C780


Code CSS:

background-image: linear-gradient(135deg, #DCB572 14%, #F2C780 97%);

Radial

HEX #DCB572 sur HEX #F2C780


Code CSS:

background-image: radial-gradient(circle, #DCB572 11%, #F2C780 93%);

 

HEX #F2C780 sur HEX #DCB572


Code CSS:

background-image: linear-gradient(135deg, #F2C780 8%, #DCB572 98%);

 

HEX #F2C780 sur HEX #DCB572


Code CSS:

background-image: radial-gradient(circle, #F2C780 14%, #DCB572 95%);

 

HEX #DCB572 sur HEX #FFD993


Code CSS:

background-image: linear-gradient(135deg, #DCB572 12%, #FFD993 89%);

 

HEX #DCB572 sur HEX #FFD993


Code CSS:

background-image: radial-gradient(circle, #DCB572 11%, #FFD993 94%);

 

HEX #FFD993 sur HEX #DCB572


Code CSS:

background-image: linear-gradient(135deg, #FFD993 1%, #DCB572 98%);

 

HEX #FFD993 sur HEX #DCB572


Code CSS:

background-image: radial-gradient(circle, #FFD993 3%, #DCB572 93%);

 

HEX #DCB572 sur HEX #FFEBA6


Code CSS:

background-image: linear-gradient(135deg, #DCB572 7%, #FFEBA6 90%);

 

HEX #DCB572 sur HEX #FFEBA6


Code CSS:

background-image: radial-gradient(circle, #DCB572 3%, #FFEBA6 100%);

 

HEX #FFEBA6 sur HEX #DCB572


Code CSS:

background-image: linear-gradient(135deg, #FFEBA6 10%, #DCB572 98%);

 

HEX #FFEBA6 sur HEX #DCB572


Code CSS:

background-image: radial-gradient(circle, #FFEBA6 13%, #DCB572 89%);

 

HEX #DCB572 sur HEX #FFFDB9


Code CSS:

background-image: linear-gradient(135deg, #DCB572 4%, #FFFDB9 91%);

 

HEX #DCB572 sur HEX #FFFDB9


Code CSS:

background-image: radial-gradient(circle, #DCB572 5%, #FFFDB9 97%);

 

HEX #FFFDB9 sur HEX #DCB572


Code CSS:

background-image: linear-gradient(135deg, #FFFDB9 13%, #DCB572 86%);

 

HEX #FFFDB9 sur HEX #DCB572


Code CSS:

background-image: radial-gradient(circle, #FFFDB9 3%, #DCB572 94%);

Linéaire

HEX #DCB572 sur HEX #CBA35F


Code CSS:

background-image: linear-gradient(135deg, #DCB572 7%, #CBA35F 95%);

Radial

HEX #DCB572 sur HEX #CBA35F


Code CSS:

background-image: radial-gradient(circle, #DCB572 5%, #CBA35F 89%);

 

HEX #CBA35F sur HEX #DCB572


Code CSS:

background-image: linear-gradient(135deg, #CBA35F 12%, #DCB572 96%);

 

HEX #CBA35F sur HEX #DCB572


Code CSS:

background-image: radial-gradient(circle, #CBA35F 0%, #DCB572 95%);

 

HEX #DCB572 sur HEX #BA914C


Code CSS:

background-image: linear-gradient(135deg, #DCB572 7%, #BA914C 94%);

 

HEX #DCB572 sur HEX #BA914C


Code CSS:

background-image: radial-gradient(circle, #DCB572 6%, #BA914C 86%);

 

HEX #BA914C sur HEX #DCB572


Code CSS:

background-image: linear-gradient(135deg, #BA914C 5%, #DCB572 99%);

 

HEX #BA914C sur HEX #DCB572


Code CSS:

background-image: radial-gradient(circle, #BA914C 9%, #DCB572 96%);

 

HEX #DCB572 sur HEX #A97F39


Code CSS:

background-image: linear-gradient(135deg, #DCB572 14%, #A97F39 97%);

 

HEX #DCB572 sur HEX #A97F39


Code CSS:

background-image: radial-gradient(circle, #DCB572 12%, #A97F39 86%);

 

HEX #A97F39 sur HEX #DCB572


Code CSS:

background-image: linear-gradient(135deg, #A97F39 4%, #DCB572 90%);

 

HEX #A97F39 sur HEX #DCB572


Code CSS:

background-image: radial-gradient(circle, #A97F39 1%, #DCB572 98%);

 

HEX #DCB572 sur HEX #986D26


Code CSS:

background-image: linear-gradient(135deg, #DCB572 0%, #986D26 90%);

 

HEX #DCB572 sur HEX #986D26


Code CSS:

background-image: radial-gradient(circle, #DCB572 1%, #986D26 95%);

 

HEX #986D26 sur HEX #DCB572


Code CSS:

background-image: linear-gradient(135deg, #986D26 3%, #DCB572 91%);

 

HEX #986D26 sur HEX #DCB572


Code CSS:

background-image: radial-gradient(circle, #986D26 8%, #DCB572 86%);

Linéaire

HEX #DCB572 sur HEX #DBC470


Code CSS:

background-image: linear-gradient(135deg, #DCB572 10%, #DBC470 93%);

Radial

HEX #DCB572 sur HEX #DBC470


Code CSS:

background-image: radial-gradient(circle, #DCB572 14%, #DBC470 100%);

 

HEX #DBC470 sur HEX #DCB572


Code CSS:

background-image: linear-gradient(135deg, #DBC470 14%, #DCB572 97%);

 

HEX #DBC470 sur HEX #DCB572


Code CSS:

background-image: radial-gradient(circle, #DBC470 7%, #DCB572 87%);

 

HEX #DCB572 sur HEX #DBD570


Code CSS:

background-image: linear-gradient(135deg, #DCB572 14%, #DBD570 94%);

 

HEX #DCB572 sur HEX #DBD570


Code CSS:

background-image: radial-gradient(circle, #DCB572 8%, #DBD570 96%);

 

HEX #DBD570 sur HEX #DCB572


Code CSS:

background-image: linear-gradient(135deg, #DBD570 8%, #DCB572 98%);

 

HEX #DBD570 sur HEX #DCB572


Code CSS:

background-image: radial-gradient(circle, #DBD570 12%, #DCB572 89%);

 

HEX #DCB572 sur HEX #CEDB70


Code CSS:

background-image: linear-gradient(135deg, #DCB572 1%, #CEDB70 98%);

 

HEX #DCB572 sur HEX #CEDB70


Code CSS:

background-image: radial-gradient(circle, #DCB572 0%, #CEDB70 91%);

 

HEX #CEDB70 sur HEX #DCB572


Code CSS:

background-image: linear-gradient(135deg, #CEDB70 14%, #DCB572 99%);

 

HEX #CEDB70 sur HEX #DCB572


Code CSS:

background-image: radial-gradient(circle, #CEDB70 3%, #DCB572 96%);

 

HEX #DCB572 sur HEX #BCDB70


Code CSS:

background-image: linear-gradient(135deg, #DCB572 1%, #BCDB70 88%);

 

HEX #DCB572 sur HEX #BCDB70


Code CSS:

background-image: radial-gradient(circle, #DCB572 14%, #BCDB70 89%);

 

HEX #BCDB70 sur HEX #DCB572


Code CSS:

background-image: linear-gradient(135deg, #BCDB70 14%, #DCB572 88%);

 

HEX #BCDB70 sur HEX #DCB572


Code CSS:

background-image: radial-gradient(circle, #BCDB70 11%, #DCB572 86%);

Linéaire

HEX #DCB572 sur HEX #100D08


Code CSS:

background-image: linear-gradient(135deg, #DCB572 10%, #100D08 98%);

Radial

HEX #DCB572 sur HEX #100D08


Code CSS:

background-image: radial-gradient(circle, #DCB572 4%, #100D08 94%);

 

HEX #100D08 sur HEX #DCB572


Code CSS:

background-image: linear-gradient(135deg, #100D08 2%, #DCB572 99%);

 

HEX #100D08 sur HEX #DCB572


Code CSS:

background-image: radial-gradient(circle, #100D08 13%, #DCB572 98%);

 

HEX #DCB572 sur HEX #433723


Code CSS:

background-image: linear-gradient(135deg, #DCB572 12%, #433723 92%);

 

HEX #DCB572 sur HEX #433723


Code CSS:

background-image: radial-gradient(circle, #DCB572 0%, #433723 96%);

 

HEX #433723 sur HEX #DCB572


Code CSS:

background-image: linear-gradient(135deg, #433723 10%, #DCB572 92%);

 

HEX #433723 sur HEX #DCB572


Code CSS:

background-image: radial-gradient(circle, #433723 9%, #DCB572 92%);

 

HEX #DCB572 sur HEX #76613D


Code CSS:

background-image: linear-gradient(135deg, #DCB572 1%, #76613D 89%);

 

HEX #DCB572 sur HEX #76613D


Code CSS:

background-image: radial-gradient(circle, #DCB572 3%, #76613D 87%);

 

HEX #76613D sur HEX #DCB572


Code CSS:

background-image: linear-gradient(135deg, #76613D 10%, #DCB572 89%);

 

HEX #76613D sur HEX #DCB572


Code CSS:

background-image: radial-gradient(circle, #76613D 7%, #DCB572 96%);

 

HEX #DCB572 sur HEX #A98B58


Code CSS:

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

 

HEX #DCB572 sur HEX #A98B58


Code CSS:

background-image: radial-gradient(circle, #DCB572 2%, #A98B58 94%);

 

HEX #A98B58 sur HEX #DCB572


Code CSS:

background-image: linear-gradient(135deg, #A98B58 5%, #DCB572 90%);

 

HEX #A98B58 sur HEX #DCB572


Code CSS:

background-image: radial-gradient(circle, #A98B58 1%, #DCB572 93%);

Linéaire

HEX #DCB572 sur HEX #83DB70


Code CSS:

background-image: linear-gradient(135deg, #DCB572 14%, #83DB70 95%);

Radial

HEX #DCB572 sur HEX #83DB70


Code CSS:

background-image: radial-gradient(circle, #DCB572 7%, #83DB70 99%);

 

HEX #83DB70 sur HEX #DCB572


Code CSS:

background-image: linear-gradient(135deg, #83DB70 10%, #DCB572 90%);

 

HEX #83DB70 sur HEX #DCB572


Code CSS:

background-image: radial-gradient(circle, #83DB70 4%, #DCB572 97%);

 

HEX #DCB572 sur HEX #8770DB


Code CSS:

background-image: linear-gradient(135deg, #DCB572 6%, #8770DB 90%);

 

HEX #DCB572 sur HEX #8770DB


Code CSS:

background-image: radial-gradient(circle, #DCB572 10%, #8770DB 99%);

 

HEX #8770DB sur HEX #DCB572


Code CSS:

background-image: linear-gradient(135deg, #8770DB 12%, #DCB572 95%);

 

HEX #8770DB sur HEX #DCB572


Code CSS:

background-image: radial-gradient(circle, #8770DB 8%, #DCB572 94%);

Linéaire

HEX #DCB572 sur HEX #70DBB2


Code CSS:

background-image: linear-gradient(135deg, #DCB572 13%, #70DBB2 99%);

Radial

HEX #DCB572 sur HEX #70DBB2


Code CSS:

background-image: radial-gradient(circle, #DCB572 9%, #70DBB2 89%);

 

HEX #70DBB2 sur HEX #DCB572


Code CSS:

background-image: linear-gradient(135deg, #70DBB2 11%, #DCB572 93%);

 

HEX #70DBB2 sur HEX #DCB572


Code CSS:

background-image: radial-gradient(circle, #70DBB2 4%, #DCB572 96%);

 

HEX #DCB572 sur HEX #B270DB


Code CSS:

background-image: linear-gradient(135deg, #DCB572 10%, #B270DB 86%);

 

HEX #DCB572 sur HEX #B270DB


Code CSS:

background-image: radial-gradient(circle, #DCB572 11%, #B270DB 100%);

 

HEX #B270DB sur HEX #DCB572


Code CSS:

background-image: linear-gradient(135deg, #B270DB 9%, #DCB572 92%);

 

HEX #B270DB sur HEX #DCB572


Code CSS:

background-image: radial-gradient(circle, #B270DB 11%, #DCB572 96%);

Linéaire

HEX #DCB572 sur HEX #83DB70


Code CSS:

background-image: linear-gradient(135deg, #DCB572 0%, #83DB70 97%);

Radial

HEX #DCB572 sur HEX #83DB70


Code CSS:

background-image: radial-gradient(circle, #DCB572 9%, #83DB70 98%);

 

HEX #83DB70 sur HEX #DCB572


Code CSS:

background-image: linear-gradient(135deg, #83DB70 3%, #DCB572 94%);

 

HEX #83DB70 sur HEX #DCB572


Code CSS:

background-image: radial-gradient(circle, #83DB70 13%, #DCB572 88%);

 

HEX #DCB572 sur HEX #7099DB


Code CSS:

background-image: linear-gradient(135deg, #DCB572 4%, #7099DB 92%);

 

HEX #DCB572 sur HEX #7099DB


Code CSS:

background-image: radial-gradient(circle, #DCB572 1%, #7099DB 91%);

 

HEX #7099DB sur HEX #DCB572


Code CSS:

background-image: linear-gradient(135deg, #7099DB 1%, #DCB572 92%);

 

HEX #7099DB sur HEX #DCB572


Code CSS:

background-image: radial-gradient(circle, #7099DB 8%, #DCB572 88%);

 

HEX #DCB572 sur HEX #C770DB


Code CSS:

background-image: linear-gradient(135deg, #DCB572 6%, #C770DB 99%);

 

HEX #DCB572 sur HEX #C770DB


Code CSS:

background-image: radial-gradient(circle, #DCB572 5%, #C770DB 88%);

 

HEX #C770DB sur HEX #DCB572


Code CSS:

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

 

HEX #C770DB sur HEX #DCB572


Code CSS:

background-image: radial-gradient(circle, #C770DB 5%, #DCB572 94%);

Linéaire

HEX #DCB572 sur HEX #70DB7C


Code CSS:

background-image: linear-gradient(135deg, #DCB572 0%, #70DB7C 98%);

Radial

HEX #DCB572 sur HEX #70DB7C


Code CSS:

background-image: radial-gradient(circle, #DCB572 13%, #70DB7C 94%);

 

HEX #70DB7C sur HEX #DCB572


Code CSS:

background-image: linear-gradient(135deg, #70DB7C 12%, #DCB572 93%);

 

HEX #70DB7C sur HEX #DCB572


Code CSS:

background-image: radial-gradient(circle, #70DB7C 10%, #DCB572 98%);

 

HEX #DCB572 sur HEX #7099DB


Code CSS:

background-image: linear-gradient(135deg, #DCB572 7%, #7099DB 94%);

 

HEX #DCB572 sur HEX #7099DB


Code CSS:

background-image: radial-gradient(circle, #DCB572 5%, #7099DB 90%);

 

HEX #7099DB sur HEX #DCB572


Code CSS:

background-image: linear-gradient(135deg, #7099DB 10%, #DCB572 87%);

 

HEX #7099DB sur HEX #DCB572


Code CSS:

background-image: radial-gradient(circle, #7099DB 0%, #DCB572 98%);

 

HEX #DCB572 sur HEX #DB70CE


Code CSS:

background-image: linear-gradient(135deg, #DCB572 10%, #DB70CE 89%);

 

HEX #DCB572 sur HEX #DB70CE


Code CSS:

background-image: radial-gradient(circle, #DCB572 7%, #DB70CE 100%);

 

HEX #DB70CE sur HEX #DCB572


Code CSS:

background-image: linear-gradient(135deg, #DB70CE 3%, #DCB572 94%);

 

HEX #DB70CE sur HEX #DCB572


Code CSS:

background-image: radial-gradient(circle, #DB70CE 8%, #DCB572 91%);

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.