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

CSS Gradients:
#7785BE

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 119 Rouge, 133 Vert et 190 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.
119 133 190 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, 30 magenta, pas de jaune et 25 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% 30% 0% 25% 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 #7785BE sur HEX #887A41


Code CSS:

background-image: linear-gradient(135deg, #7785BE 0%, #887A41 92%);

Radial

HEX #7785BE sur HEX #887A41


Code CSS:

background-image: radial-gradient(circle, #7785BE 13%, #887A41 94%);

 

HEX #887A41 sur HEX #7785BE


Code CSS:

background-image: linear-gradient(135deg, #887A41 3%, #7785BE 92%);

 

HEX #887A41 sur HEX #7785BE


Code CSS:

background-image: radial-gradient(circle, #887A41 5%, #7785BE 93%);

Linéaire

HEX #7785BE sur HEX #8D97CC


Code CSS:

background-image: linear-gradient(135deg, #7785BE 2%, #8D97CC 95%);

Radial

HEX #7785BE sur HEX #8D97CC


Code CSS:

background-image: radial-gradient(circle, #7785BE 1%, #8D97CC 95%);

 

HEX #8D97CC sur HEX #7785BE


Code CSS:

background-image: linear-gradient(135deg, #8D97CC 12%, #7785BE 97%);

 

HEX #8D97CC sur HEX #7785BE


Code CSS:

background-image: radial-gradient(circle, #8D97CC 2%, #7785BE 98%);

 

HEX #7785BE sur HEX #9EA9DF


Code CSS:

background-image: linear-gradient(135deg, #7785BE 13%, #9EA9DF 92%);

 

HEX #7785BE sur HEX #9EA9DF


Code CSS:

background-image: radial-gradient(circle, #7785BE 4%, #9EA9DF 92%);

 

HEX #9EA9DF sur HEX #7785BE


Code CSS:

background-image: linear-gradient(135deg, #9EA9DF 9%, #7785BE 97%);

 

HEX #9EA9DF sur HEX #7785BE


Code CSS:

background-image: radial-gradient(circle, #9EA9DF 11%, #7785BE 95%);

 

HEX #7785BE sur HEX #AFBBF2


Code CSS:

background-image: linear-gradient(135deg, #7785BE 3%, #AFBBF2 90%);

 

HEX #7785BE sur HEX #AFBBF2


Code CSS:

background-image: radial-gradient(circle, #7785BE 12%, #AFBBF2 99%);

 

HEX #AFBBF2 sur HEX #7785BE


Code CSS:

background-image: linear-gradient(135deg, #AFBBF2 11%, #7785BE 88%);

 

HEX #AFBBF2 sur HEX #7785BE


Code CSS:

background-image: radial-gradient(circle, #AFBBF2 14%, #7785BE 89%);

 

HEX #7785BE sur HEX #C0CDFF


Code CSS:

background-image: linear-gradient(135deg, #7785BE 8%, #C0CDFF 100%);

 

HEX #7785BE sur HEX #C0CDFF


Code CSS:

background-image: radial-gradient(circle, #7785BE 12%, #C0CDFF 87%);

 

HEX #C0CDFF sur HEX #7785BE


Code CSS:

background-image: linear-gradient(135deg, #C0CDFF 14%, #7785BE 98%);

 

HEX #C0CDFF sur HEX #7785BE


Code CSS:

background-image: radial-gradient(circle, #C0CDFF 3%, #7785BE 95%);

Linéaire

HEX #7785BE sur HEX #6673AB


Code CSS:

background-image: linear-gradient(135deg, #7785BE 12%, #6673AB 87%);

Radial

HEX #7785BE sur HEX #6673AB


Code CSS:

background-image: radial-gradient(circle, #7785BE 12%, #6673AB 95%);

 

HEX #6673AB sur HEX #7785BE


Code CSS:

background-image: linear-gradient(135deg, #6673AB 13%, #7785BE 87%);

 

HEX #6673AB sur HEX #7785BE


Code CSS:

background-image: radial-gradient(circle, #6673AB 2%, #7785BE 94%);

 

HEX #7785BE sur HEX #556198


Code CSS:

background-image: linear-gradient(135deg, #7785BE 1%, #556198 95%);

 

HEX #7785BE sur HEX #556198


Code CSS:

background-image: radial-gradient(circle, #7785BE 9%, #556198 90%);

 

HEX #556198 sur HEX #7785BE


Code CSS:

background-image: linear-gradient(135deg, #556198 14%, #7785BE 100%);

 

HEX #556198 sur HEX #7785BE


Code CSS:

background-image: radial-gradient(circle, #556198 10%, #7785BE 93%);

 

HEX #7785BE sur HEX #444F85


Code CSS:

background-image: linear-gradient(135deg, #7785BE 5%, #444F85 97%);

 

HEX #7785BE sur HEX #444F85


Code CSS:

background-image: radial-gradient(circle, #7785BE 11%, #444F85 90%);

 

HEX #444F85 sur HEX #7785BE


Code CSS:

background-image: linear-gradient(135deg, #444F85 4%, #7785BE 91%);

 

HEX #444F85 sur HEX #7785BE


Code CSS:

background-image: radial-gradient(circle, #444F85 0%, #7785BE 91%);

 

HEX #7785BE sur HEX #333D72


Code CSS:

background-image: linear-gradient(135deg, #7785BE 7%, #333D72 94%);

 

HEX #7785BE sur HEX #333D72


Code CSS:

background-image: radial-gradient(circle, #7785BE 1%, #333D72 93%);

 

HEX #333D72 sur HEX #7785BE


Code CSS:

background-image: linear-gradient(135deg, #333D72 8%, #7785BE 92%);

 

HEX #333D72 sur HEX #7785BE


Code CSS:

background-image: radial-gradient(circle, #333D72 0%, #7785BE 92%);

Linéaire

HEX #7785BE sur HEX #787BBE


Code CSS:

background-image: linear-gradient(135deg, #7785BE 11%, #787BBE 90%);

Radial

HEX #7785BE sur HEX #787BBE


Code CSS:

background-image: radial-gradient(circle, #7785BE 5%, #787BBE 95%);

 

HEX #787BBE sur HEX #7785BE


Code CSS:

background-image: linear-gradient(135deg, #787BBE 12%, #7785BE 98%);

 

HEX #787BBE sur HEX #7785BE


Code CSS:

background-image: radial-gradient(circle, #787BBE 14%, #7785BE 95%);

 

HEX #7785BE sur HEX #8278BE


Code CSS:

background-image: linear-gradient(135deg, #7785BE 1%, #8278BE 91%);

 

HEX #7785BE sur HEX #8278BE


Code CSS:

background-image: radial-gradient(circle, #7785BE 3%, #8278BE 86%);

 

HEX #8278BE sur HEX #7785BE


Code CSS:

background-image: linear-gradient(135deg, #8278BE 10%, #7785BE 88%);

 

HEX #8278BE sur HEX #7785BE


Code CSS:

background-image: radial-gradient(circle, #8278BE 12%, #7785BE 96%);

 

HEX #7785BE sur HEX #8D78BE


Code CSS:

background-image: linear-gradient(135deg, #7785BE 13%, #8D78BE 86%);

 

HEX #7785BE sur HEX #8D78BE


Code CSS:

background-image: radial-gradient(circle, #7785BE 11%, #8D78BE 88%);

 

HEX #8D78BE sur HEX #7785BE


Code CSS:

background-image: linear-gradient(135deg, #8D78BE 10%, #7785BE 94%);

 

HEX #8D78BE sur HEX #7785BE


Code CSS:

background-image: radial-gradient(circle, #8D78BE 12%, #7785BE 96%);

 

HEX #7785BE sur HEX #9978BE


Code CSS:

background-image: linear-gradient(135deg, #7785BE 14%, #9978BE 88%);

 

HEX #7785BE sur HEX #9978BE


Code CSS:

background-image: radial-gradient(circle, #7785BE 9%, #9978BE 94%);

 

HEX #9978BE sur HEX #7785BE


Code CSS:

background-image: linear-gradient(135deg, #9978BE 6%, #7785BE 87%);

 

HEX #9978BE sur HEX #7785BE


Code CSS:

background-image: radial-gradient(circle, #9978BE 10%, #7785BE 97%);

Linéaire

HEX #7785BE sur HEX #97A9F1


Code CSS:

background-image: linear-gradient(135deg, #7785BE 2%, #97A9F1 89%);

Radial

HEX #7785BE sur HEX #97A9F1


Code CSS:

background-image: radial-gradient(circle, #7785BE 3%, #97A9F1 91%);

 

HEX #97A9F1 sur HEX #7785BE


Code CSS:

background-image: linear-gradient(135deg, #97A9F1 13%, #7785BE 98%);

 

HEX #97A9F1 sur HEX #7785BE


Code CSS:

background-image: radial-gradient(circle, #97A9F1 8%, #7785BE 99%);

 

HEX #7785BE sur HEX #171A25


Code CSS:

background-image: linear-gradient(135deg, #7785BE 0%, #171A25 88%);

 

HEX #7785BE sur HEX #171A25


Code CSS:

background-image: radial-gradient(circle, #7785BE 3%, #171A25 100%);

 

HEX #171A25 sur HEX #7785BE


Code CSS:

background-image: linear-gradient(135deg, #171A25 9%, #7785BE 87%);

 

HEX #171A25 sur HEX #7785BE


Code CSS:

background-image: radial-gradient(circle, #171A25 10%, #7785BE 98%);

 

HEX #7785BE sur HEX #373E58


Code CSS:

background-image: linear-gradient(135deg, #7785BE 8%, #373E58 95%);

 

HEX #7785BE sur HEX #373E58


Code CSS:

background-image: radial-gradient(circle, #7785BE 14%, #373E58 96%);

 

HEX #373E58 sur HEX #7785BE


Code CSS:

background-image: linear-gradient(135deg, #373E58 9%, #7785BE 87%);

 

HEX #373E58 sur HEX #7785BE


Code CSS:

background-image: radial-gradient(circle, #373E58 13%, #7785BE 100%);

 

HEX #7785BE sur HEX #57618B


Code CSS:

background-image: linear-gradient(135deg, #7785BE 0%, #57618B 100%);

 

HEX #7785BE sur HEX #57618B


Code CSS:

background-image: radial-gradient(circle, #7785BE 3%, #57618B 98%);

 

HEX #57618B sur HEX #7785BE


Code CSS:

background-image: linear-gradient(135deg, #57618B 9%, #7785BE 97%);

 

HEX #57618B sur HEX #7785BE


Code CSS:

background-image: radial-gradient(circle, #57618B 6%, #7785BE 95%);

Linéaire

HEX #7785BE sur HEX #BE78BE


Code CSS:

background-image: linear-gradient(135deg, #7785BE 12%, #BE78BE 95%);

Radial

HEX #7785BE sur HEX #BE78BE


Code CSS:

background-image: radial-gradient(circle, #7785BE 4%, #BE78BE 95%);

 

HEX #BE78BE sur HEX #7785BE


Code CSS:

background-image: linear-gradient(135deg, #BE78BE 5%, #7785BE 92%);

 

HEX #BE78BE sur HEX #7785BE


Code CSS:

background-image: radial-gradient(circle, #BE78BE 9%, #7785BE 87%);

 

HEX #7785BE sur HEX #A2BE78


Code CSS:

background-image: linear-gradient(135deg, #7785BE 3%, #A2BE78 95%);

 

HEX #7785BE sur HEX #A2BE78


Code CSS:

background-image: radial-gradient(circle, #7785BE 13%, #A2BE78 94%);

 

HEX #A2BE78 sur HEX #7785BE


Code CSS:

background-image: linear-gradient(135deg, #A2BE78 14%, #7785BE 90%);

 

HEX #A2BE78 sur HEX #7785BE


Code CSS:

background-image: radial-gradient(circle, #A2BE78 12%, #7785BE 94%);

Linéaire

HEX #7785BE sur HEX #BE7886


Code CSS:

background-image: linear-gradient(135deg, #7785BE 10%, #BE7886 87%);

Radial

HEX #7785BE sur HEX #BE7886


Code CSS:

background-image: radial-gradient(circle, #7785BE 1%, #BE7886 89%);

 

HEX #BE7886 sur HEX #7785BE


Code CSS:

background-image: linear-gradient(135deg, #BE7886 2%, #7785BE 88%);

 

HEX #BE7886 sur HEX #7785BE


Code CSS:

background-image: radial-gradient(circle, #BE7886 14%, #7785BE 94%);

 

HEX #7785BE sur HEX #86BE78


Code CSS:

background-image: linear-gradient(135deg, #7785BE 7%, #86BE78 93%);

 

HEX #7785BE sur HEX #86BE78


Code CSS:

background-image: radial-gradient(circle, #7785BE 4%, #86BE78 92%);

 

HEX #86BE78 sur HEX #7785BE


Code CSS:

background-image: linear-gradient(135deg, #86BE78 0%, #7785BE 89%);

 

HEX #86BE78 sur HEX #7785BE


Code CSS:

background-image: radial-gradient(circle, #86BE78 10%, #7785BE 95%);

Linéaire

HEX #7785BE sur HEX #BE78BE


Code CSS:

background-image: linear-gradient(135deg, #7785BE 14%, #BE78BE 92%);

Radial

HEX #7785BE sur HEX #BE78BE


Code CSS:

background-image: radial-gradient(circle, #7785BE 6%, #BE78BE 87%);

 

HEX #BE78BE sur HEX #7785BE


Code CSS:

background-image: linear-gradient(135deg, #BE78BE 2%, #7785BE 88%);

 

HEX #BE78BE sur HEX #7785BE


Code CSS:

background-image: radial-gradient(circle, #BE78BE 2%, #7785BE 86%);

 

HEX #7785BE sur HEX #BEB078


Code CSS:

background-image: linear-gradient(135deg, #7785BE 3%, #BEB078 96%);

 

HEX #7785BE sur HEX #BEB078


Code CSS:

background-image: radial-gradient(circle, #7785BE 11%, #BEB078 95%);

 

HEX #BEB078 sur HEX #7785BE


Code CSS:

background-image: linear-gradient(135deg, #BEB078 12%, #7785BE 100%);

 

HEX #BEB078 sur HEX #7785BE


Code CSS:

background-image: radial-gradient(circle, #BEB078 6%, #7785BE 99%);

 

HEX #7785BE sur HEX #78BE78


Code CSS:

background-image: linear-gradient(135deg, #7785BE 11%, #78BE78 89%);

 

HEX #7785BE sur HEX #78BE78


Code CSS:

background-image: radial-gradient(circle, #7785BE 6%, #78BE78 97%);

 

HEX #78BE78 sur HEX #7785BE


Code CSS:

background-image: linear-gradient(135deg, #78BE78 2%, #7785BE 95%);

 

HEX #78BE78 sur HEX #7785BE


Code CSS:

background-image: radial-gradient(circle, #78BE78 8%, #7785BE 87%);

Linéaire

HEX #7785BE sur HEX #BE78A9


Code CSS:

background-image: linear-gradient(135deg, #7785BE 4%, #BE78A9 94%);

Radial

HEX #7785BE sur HEX #BE78A9


Code CSS:

background-image: radial-gradient(circle, #7785BE 3%, #BE78A9 100%);

 

HEX #BE78A9 sur HEX #7785BE


Code CSS:

background-image: linear-gradient(135deg, #BE78A9 0%, #7785BE 100%);

 

HEX #BE78A9 sur HEX #7785BE


Code CSS:

background-image: radial-gradient(circle, #BE78A9 4%, #7785BE 93%);

 

HEX #7785BE sur HEX #BEB078


Code CSS:

background-image: linear-gradient(135deg, #7785BE 14%, #BEB078 100%);

 

HEX #7785BE sur HEX #BEB078


Code CSS:

background-image: radial-gradient(circle, #7785BE 6%, #BEB078 95%);

 

HEX #BEB078 sur HEX #7785BE


Code CSS:

background-image: linear-gradient(135deg, #BEB078 0%, #7785BE 97%);

 

HEX #BEB078 sur HEX #7785BE


Code CSS:

background-image: radial-gradient(circle, #BEB078 10%, #7785BE 99%);

 

HEX #7785BE sur HEX #78BE8D


Code CSS:

background-image: linear-gradient(135deg, #7785BE 4%, #78BE8D 91%);

 

HEX #7785BE sur HEX #78BE8D


Code CSS:

background-image: radial-gradient(circle, #7785BE 3%, #78BE8D 96%);

 

HEX #78BE8D sur HEX #7785BE


Code CSS:

background-image: linear-gradient(135deg, #78BE8D 0%, #7785BE 98%);

 

HEX #78BE8D sur HEX #7785BE


Code CSS:

background-image: radial-gradient(circle, #78BE8D 11%, #7785BE 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)

Pour pouvoir enregistrer des palettes de couleurs, tu dois être connecté.

Se connecter à ton compte

ou

Créer un compte

Partager la palette de couleurs actuelle
Doit-elle être publique ou privée?
Les liens suivent après le partage.

Annuler Partager

Palette de couleurs partagée
Veuillez copier et enregistrer le lien que vous souhaitez.

Partager

OK, j'ai copié les liens

Tes couleurs sont enregistrées dans une nouvelle palette de couleurs.
Vois-la sous ton profil.
Tu peux la personnaliser davantage et la partager.

Afficher la palette de couleurs
Fermer

Créer une palette de couleurs

TéléchargerTélécharger dans différents formats

Tout supprimer

En cliquant sur , tu peux créer des palettes et télécharger les nuanciers.