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

CSS Gradients:
CMYK 0 / 31 / 65 / 26

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 189 Rouge, 130 Vert et 66 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.
189 130 66 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, 31 magenta, 65 jaune et 26 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% 31% 65% 26% 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 #BD8242 sur HEX #427DBD


Code CSS:

background-image: linear-gradient(135deg, #BD8242 14%, #427DBD 87%);

Radial

HEX #BD8242 sur HEX #427DBD


Code CSS:

background-image: radial-gradient(circle, #BD8242 14%, #427DBD 95%);

 

HEX #427DBD sur HEX #BD8242


Code CSS:

background-image: linear-gradient(135deg, #427DBD 2%, #BD8242 95%);

 

HEX #427DBD sur HEX #BD8242


Code CSS:

background-image: radial-gradient(circle, #427DBD 12%, #BD8242 87%);

Linéaire

HEX #BD8242 sur HEX #D39450


Code CSS:

background-image: linear-gradient(135deg, #BD8242 11%, #D39450 92%);

Radial

HEX #BD8242 sur HEX #D39450


Code CSS:

background-image: radial-gradient(circle, #BD8242 1%, #D39450 99%);

 

HEX #D39450 sur HEX #BD8242


Code CSS:

background-image: linear-gradient(135deg, #D39450 10%, #BD8242 95%);

 

HEX #D39450 sur HEX #BD8242


Code CSS:

background-image: radial-gradient(circle, #D39450 0%, #BD8242 86%);

 

HEX #BD8242 sur HEX #E4A663


Code CSS:

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

 

HEX #BD8242 sur HEX #E4A663


Code CSS:

background-image: radial-gradient(circle, #BD8242 5%, #E4A663 95%);

 

HEX #E4A663 sur HEX #BD8242


Code CSS:

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

 

HEX #E4A663 sur HEX #BD8242


Code CSS:

background-image: radial-gradient(circle, #E4A663 10%, #BD8242 99%);

 

HEX #BD8242 sur HEX #F5B876


Code CSS:

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

 

HEX #BD8242 sur HEX #F5B876


Code CSS:

background-image: radial-gradient(circle, #BD8242 2%, #F5B876 99%);

 

HEX #F5B876 sur HEX #BD8242


Code CSS:

background-image: linear-gradient(135deg, #F5B876 4%, #BD8242 86%);

 

HEX #F5B876 sur HEX #BD8242


Code CSS:

background-image: radial-gradient(circle, #F5B876 2%, #BD8242 94%);

 

HEX #BD8242 sur HEX #FFCA89


Code CSS:

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

 

HEX #BD8242 sur HEX #FFCA89


Code CSS:

background-image: radial-gradient(circle, #BD8242 2%, #FFCA89 92%);

 

HEX #FFCA89 sur HEX #BD8242


Code CSS:

background-image: linear-gradient(135deg, #FFCA89 12%, #BD8242 100%);

 

HEX #FFCA89 sur HEX #BD8242


Code CSS:

background-image: radial-gradient(circle, #FFCA89 0%, #BD8242 91%);

Linéaire

HEX #BD8242 sur HEX #AC702F


Code CSS:

background-image: linear-gradient(135deg, #BD8242 0%, #AC702F 86%);

Radial

HEX #BD8242 sur HEX #AC702F


Code CSS:

background-image: radial-gradient(circle, #BD8242 7%, #AC702F 97%);

 

HEX #AC702F sur HEX #BD8242


Code CSS:

background-image: linear-gradient(135deg, #AC702F 7%, #BD8242 100%);

 

HEX #AC702F sur HEX #BD8242


Code CSS:

background-image: radial-gradient(circle, #AC702F 14%, #BD8242 97%);

 

HEX #BD8242 sur HEX #9B5E1C


Code CSS:

background-image: linear-gradient(135deg, #BD8242 5%, #9B5E1C 96%);

 

HEX #BD8242 sur HEX #9B5E1C


Code CSS:

background-image: radial-gradient(circle, #BD8242 5%, #9B5E1C 98%);

 

HEX #9B5E1C sur HEX #BD8242


Code CSS:

background-image: linear-gradient(135deg, #9B5E1C 11%, #BD8242 96%);

 

HEX #9B5E1C sur HEX #BD8242


Code CSS:

background-image: radial-gradient(circle, #9B5E1C 10%, #BD8242 92%);

 

HEX #BD8242 sur HEX #8A4C09


Code CSS:

background-image: linear-gradient(135deg, #BD8242 3%, #8A4C09 92%);

 

HEX #BD8242 sur HEX #8A4C09


Code CSS:

background-image: radial-gradient(circle, #BD8242 11%, #8A4C09 93%);

 

HEX #8A4C09 sur HEX #BD8242


Code CSS:

background-image: linear-gradient(135deg, #8A4C09 4%, #BD8242 100%);

 

HEX #8A4C09 sur HEX #BD8242


Code CSS:

background-image: radial-gradient(circle, #8A4C09 8%, #BD8242 97%);

 

HEX #BD8242 sur HEX #793A00


Code CSS:

background-image: linear-gradient(135deg, #BD8242 14%, #793A00 96%);

 

HEX #BD8242 sur HEX #793A00


Code CSS:

background-image: radial-gradient(circle, #BD8242 8%, #793A00 91%);

 

HEX #793A00 sur HEX #BD8242


Code CSS:

background-image: linear-gradient(135deg, #793A00 2%, #BD8242 87%);

 

HEX #793A00 sur HEX #BD8242


Code CSS:

background-image: radial-gradient(circle, #793A00 9%, #BD8242 90%);

Linéaire

HEX #BD8242 sur HEX #BC9542


Code CSS:

background-image: linear-gradient(135deg, #BD8242 14%, #BC9542 95%);

Radial

HEX #BD8242 sur HEX #BC9542


Code CSS:

background-image: radial-gradient(circle, #BD8242 9%, #BC9542 98%);

 

HEX #BC9542 sur HEX #BD8242


Code CSS:

background-image: linear-gradient(135deg, #BC9542 2%, #BD8242 96%);

 

HEX #BC9542 sur HEX #BD8242


Code CSS:

background-image: radial-gradient(circle, #BC9542 1%, #BD8242 88%);

 

HEX #BD8242 sur HEX #BCAA42


Code CSS:

background-image: linear-gradient(135deg, #BD8242 11%, #BCAA42 97%);

 

HEX #BD8242 sur HEX #BCAA42


Code CSS:

background-image: radial-gradient(circle, #BD8242 11%, #BCAA42 86%);

 

HEX #BCAA42 sur HEX #BD8242


Code CSS:

background-image: linear-gradient(135deg, #BCAA42 2%, #BD8242 86%);

 

HEX #BCAA42 sur HEX #BD8242


Code CSS:

background-image: radial-gradient(circle, #BCAA42 12%, #BD8242 100%);

 

HEX #BD8242 sur HEX #BABC42


Code CSS:

background-image: linear-gradient(135deg, #BD8242 3%, #BABC42 97%);

 

HEX #BD8242 sur HEX #BABC42


Code CSS:

background-image: radial-gradient(circle, #BD8242 2%, #BABC42 95%);

 

HEX #BABC42 sur HEX #BD8242


Code CSS:

background-image: linear-gradient(135deg, #BABC42 12%, #BD8242 88%);

 

HEX #BABC42 sur HEX #BD8242


Code CSS:

background-image: radial-gradient(circle, #BABC42 13%, #BD8242 86%);

 

HEX #BD8242 sur HEX #A6BC42


Code CSS:

background-image: linear-gradient(135deg, #BD8242 10%, #A6BC42 91%);

 

HEX #BD8242 sur HEX #A6BC42


Code CSS:

background-image: radial-gradient(circle, #BD8242 13%, #A6BC42 89%);

 

HEX #A6BC42 sur HEX #BD8242


Code CSS:

background-image: linear-gradient(135deg, #A6BC42 7%, #BD8242 86%);

 

HEX #A6BC42 sur HEX #BD8242


Code CSS:

background-image: radial-gradient(circle, #A6BC42 0%, #BD8242 90%);

Linéaire

HEX #BD8242 sur HEX #F0A554


Code CSS:

background-image: linear-gradient(135deg, #BD8242 12%, #F0A554 88%);

Radial

HEX #BD8242 sur HEX #F0A554


Code CSS:

background-image: radial-gradient(circle, #BD8242 14%, #F0A554 94%);

 

HEX #F0A554 sur HEX #BD8242


Code CSS:

background-image: linear-gradient(135deg, #F0A554 11%, #BD8242 91%);

 

HEX #F0A554 sur HEX #BD8242


Code CSS:

background-image: radial-gradient(circle, #F0A554 11%, #BD8242 94%);

 

HEX #BD8242 sur HEX #24190D


Code CSS:

background-image: linear-gradient(135deg, #BD8242 10%, #24190D 95%);

 

HEX #BD8242 sur HEX #24190D


Code CSS:

background-image: radial-gradient(circle, #BD8242 12%, #24190D 96%);

 

HEX #24190D sur HEX #BD8242


Code CSS:

background-image: linear-gradient(135deg, #24190D 0%, #BD8242 94%);

 

HEX #24190D sur HEX #BD8242


Code CSS:

background-image: radial-gradient(circle, #24190D 14%, #BD8242 87%);

 

HEX #BD8242 sur HEX #573C1E


Code CSS:

background-image: linear-gradient(135deg, #BD8242 14%, #573C1E 93%);

 

HEX #BD8242 sur HEX #573C1E


Code CSS:

background-image: radial-gradient(circle, #BD8242 14%, #573C1E 96%);

 

HEX #573C1E sur HEX #BD8242


Code CSS:

background-image: linear-gradient(135deg, #573C1E 1%, #BD8242 92%);

 

HEX #573C1E sur HEX #BD8242


Code CSS:

background-image: radial-gradient(circle, #573C1E 12%, #BD8242 96%);

 

HEX #BD8242 sur HEX #8A5F30


Code CSS:

background-image: linear-gradient(135deg, #BD8242 0%, #8A5F30 99%);

 

HEX #BD8242 sur HEX #8A5F30


Code CSS:

background-image: radial-gradient(circle, #BD8242 3%, #8A5F30 94%);

 

HEX #8A5F30 sur HEX #BD8242


Code CSS:

background-image: linear-gradient(135deg, #8A5F30 12%, #BD8242 86%);

 

HEX #8A5F30 sur HEX #BD8242


Code CSS:

background-image: radial-gradient(circle, #8A5F30 6%, #BD8242 98%);

Linéaire

HEX #BD8242 sur HEX #64BC42


Code CSS:

background-image: linear-gradient(135deg, #BD8242 7%, #64BC42 89%);

Radial

HEX #BD8242 sur HEX #64BC42


Code CSS:

background-image: radial-gradient(circle, #BD8242 12%, #64BC42 100%);

 

HEX #64BC42 sur HEX #BD8242


Code CSS:

background-image: linear-gradient(135deg, #64BC42 3%, #BD8242 98%);

 

HEX #64BC42 sur HEX #BD8242


Code CSS:

background-image: radial-gradient(circle, #64BC42 0%, #BD8242 93%);

 

HEX #BD8242 sur HEX #5042BC


Code CSS:

background-image: linear-gradient(135deg, #BD8242 3%, #5042BC 87%);

 

HEX #BD8242 sur HEX #5042BC


Code CSS:

background-image: radial-gradient(circle, #BD8242 8%, #5042BC 87%);

 

HEX #5042BC sur HEX #BD8242


Code CSS:

background-image: linear-gradient(135deg, #5042BC 12%, #BD8242 88%);

 

HEX #5042BC sur HEX #BD8242


Code CSS:

background-image: radial-gradient(circle, #5042BC 9%, #BD8242 92%);

Linéaire

HEX #BD8242 sur HEX #42BC81


Code CSS:

background-image: linear-gradient(135deg, #BD8242 4%, #42BC81 99%);

Radial

HEX #BD8242 sur HEX #42BC81


Code CSS:

background-image: radial-gradient(circle, #BD8242 14%, #42BC81 95%);

 

HEX #42BC81 sur HEX #BD8242


Code CSS:

background-image: linear-gradient(135deg, #42BC81 11%, #BD8242 93%);

 

HEX #42BC81 sur HEX #BD8242


Code CSS:

background-image: radial-gradient(circle, #42BC81 8%, #BD8242 86%);

 

HEX #BD8242 sur HEX #8142BC


Code CSS:

background-image: linear-gradient(135deg, #BD8242 3%, #8142BC 97%);

 

HEX #BD8242 sur HEX #8142BC


Code CSS:

background-image: radial-gradient(circle, #BD8242 9%, #8142BC 93%);

 

HEX #8142BC sur HEX #BD8242


Code CSS:

background-image: linear-gradient(135deg, #8142BC 8%, #BD8242 100%);

 

HEX #8142BC sur HEX #BD8242


Code CSS:

background-image: radial-gradient(circle, #8142BC 12%, #BD8242 98%);

Linéaire

HEX #BD8242 sur HEX #64BC42


Code CSS:

background-image: linear-gradient(135deg, #BD8242 12%, #64BC42 98%);

Radial

HEX #BD8242 sur HEX #64BC42


Code CSS:

background-image: radial-gradient(circle, #BD8242 7%, #64BC42 87%);

 

HEX #64BC42 sur HEX #BD8242


Code CSS:

background-image: linear-gradient(135deg, #64BC42 14%, #BD8242 94%);

 

HEX #64BC42 sur HEX #BD8242


Code CSS:

background-image: radial-gradient(circle, #64BC42 12%, #BD8242 97%);

 

HEX #BD8242 sur HEX #427DBC


Code CSS:

background-image: linear-gradient(135deg, #BD8242 4%, #427DBC 100%);

 

HEX #BD8242 sur HEX #427DBC


Code CSS:

background-image: radial-gradient(circle, #BD8242 7%, #427DBC 96%);

 

HEX #427DBC sur HEX #BD8242


Code CSS:

background-image: linear-gradient(135deg, #427DBC 0%, #BD8242 91%);

 

HEX #427DBC sur HEX #BD8242


Code CSS:

background-image: radial-gradient(circle, #427DBC 8%, #BD8242 91%);

 

HEX #BD8242 sur HEX #9A42BC


Code CSS:

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

 

HEX #BD8242 sur HEX #9A42BC


Code CSS:

background-image: radial-gradient(circle, #BD8242 1%, #9A42BC 92%);

 

HEX #9A42BC sur HEX #BD8242


Code CSS:

background-image: linear-gradient(135deg, #9A42BC 11%, #BD8242 88%);

 

HEX #9A42BC sur HEX #BD8242


Code CSS:

background-image: radial-gradient(circle, #9A42BC 11%, #BD8242 94%);

Linéaire

HEX #BD8242 sur HEX #42BC44


Code CSS:

background-image: linear-gradient(135deg, #BD8242 14%, #42BC44 99%);

Radial

HEX #BD8242 sur HEX #42BC44


Code CSS:

background-image: radial-gradient(circle, #BD8242 9%, #42BC44 88%);

 

HEX #42BC44 sur HEX #BD8242


Code CSS:

background-image: linear-gradient(135deg, #42BC44 3%, #BD8242 88%);

 

HEX #42BC44 sur HEX #BD8242


Code CSS:

background-image: radial-gradient(circle, #42BC44 0%, #BD8242 92%);

 

HEX #BD8242 sur HEX #427DBC


Code CSS:

background-image: linear-gradient(135deg, #BD8242 4%, #427DBC 89%);

 

HEX #BD8242 sur HEX #427DBC


Code CSS:

background-image: radial-gradient(circle, #BD8242 11%, #427DBC 91%);

 

HEX #427DBC sur HEX #BD8242


Code CSS:

background-image: linear-gradient(135deg, #427DBC 0%, #BD8242 93%);

 

HEX #427DBC sur HEX #BD8242


Code CSS:

background-image: radial-gradient(circle, #427DBC 2%, #BD8242 100%);

 

HEX #BD8242 sur HEX #BC42BA


Code CSS:

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

 

HEX #BD8242 sur HEX #BC42BA


Code CSS:

background-image: radial-gradient(circle, #BD8242 5%, #BC42BA 98%);

 

HEX #BC42BA sur HEX #BD8242


Code CSS:

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

 

HEX #BC42BA sur HEX #BD8242


Code CSS:

background-image: radial-gradient(circle, #BC42BA 10%, #BD8242 95%);

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.