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

CSS Gradients:
#376A96

Information

ferme tous les

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

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

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

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

Trouvez des exemples de transitions de couleurs linéaires et radiales à partir de Teintes plus claires.

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

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

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

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

Options d'affichage

Description

Couleur foncée : les valeurs de couleur basses paraissent plus sombres.

La décomposition de la couleur dans le système de couleurs RGB : dans cette teinte, sur 255 parts de couleurs maximales, respectivement 55 Rouge, 106 Vert et 150 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.
55 106 150 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 63 cyan, 29 magenta, pas de jaune et 41 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.
63% 29% 0% 41% 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 #376A96 sur HEX #C89569


Code CSS:

background-image: linear-gradient(135deg, #376A96 14%, #C89569 100%);

Radial

HEX #376A96 sur HEX #C89569


Code CSS:

background-image: radial-gradient(circle, #376A96 2%, #C89569 94%);

 

HEX #C89569 sur HEX #376A96


Code CSS:

background-image: linear-gradient(135deg, #C89569 4%, #376A96 90%);

 

HEX #C89569 sur HEX #376A96


Code CSS:

background-image: radial-gradient(circle, #C89569 0%, #376A96 100%);

Linéaire

HEX #376A96 sur HEX #378495


Code CSS:

background-image: linear-gradient(135deg, #376A96 7%, #378495 96%);

Radial

HEX #376A96 sur HEX #378495


Code CSS:

background-image: radial-gradient(circle, #376A96 11%, #378495 87%);

 

HEX #378495 sur HEX #376A96


Code CSS:

background-image: linear-gradient(135deg, #378495 9%, #376A96 90%);

 

HEX #378495 sur HEX #376A96


Code CSS:

background-image: radial-gradient(circle, #378495 8%, #376A96 94%);

 

HEX #376A96 sur HEX #376B95


Code CSS:

background-image: linear-gradient(135deg, #376A96 5%, #376B95 89%);

 

HEX #376A96 sur HEX #376B95


Code CSS:

background-image: radial-gradient(circle, #376A96 13%, #376B95 99%);

 

HEX #376B95 sur HEX #376A96


Code CSS:

background-image: linear-gradient(135deg, #376B95 8%, #376A96 95%);

 

HEX #376B95 sur HEX #376A96


Code CSS:

background-image: radial-gradient(circle, #376B95 0%, #376A96 88%);

 

HEX #376A96 sur HEX #375295


Code CSS:

background-image: linear-gradient(135deg, #376A96 13%, #375295 88%);

 

HEX #376A96 sur HEX #375295


Code CSS:

background-image: radial-gradient(circle, #376A96 2%, #375295 90%);

 

HEX #375295 sur HEX #376A96


Code CSS:

background-image: linear-gradient(135deg, #375295 7%, #376A96 91%);

 

HEX #375295 sur HEX #376A96


Code CSS:

background-image: radial-gradient(circle, #375295 11%, #376A96 97%);

 

HEX #376A96 sur HEX #373995


Code CSS:

background-image: linear-gradient(135deg, #376A96 0%, #373995 99%);

 

HEX #376A96 sur HEX #373995


Code CSS:

background-image: radial-gradient(circle, #376A96 0%, #373995 90%);

 

HEX #373995 sur HEX #376A96


Code CSS:

background-image: linear-gradient(135deg, #373995 14%, #376A96 91%);

 

HEX #373995 sur HEX #376A96


Code CSS:

background-image: radial-gradient(circle, #373995 11%, #376A96 86%);

Linéaire

HEX #376A96 sur HEX #2C5477


Code CSS:

background-image: linear-gradient(135deg, #376A96 2%, #2C5477 91%);

Radial

HEX #376A96 sur HEX #2C5477


Code CSS:

background-image: radial-gradient(circle, #376A96 0%, #2C5477 96%);

 

HEX #2C5477 sur HEX #376A96


Code CSS:

background-image: linear-gradient(135deg, #2C5477 4%, #376A96 86%);

 

HEX #2C5477 sur HEX #376A96


Code CSS:

background-image: radial-gradient(circle, #2C5477 12%, #376A96 89%);

 

HEX #376A96 sur HEX #376995


Code CSS:

background-image: linear-gradient(135deg, #376A96 1%, #376995 98%);

 

HEX #376A96 sur HEX #376995


Code CSS:

background-image: radial-gradient(circle, #376A96 5%, #376995 87%);

 

HEX #376995 sur HEX #376A96


Code CSS:

background-image: linear-gradient(135deg, #376995 7%, #376A96 92%);

 

HEX #376995 sur HEX #376A96


Code CSS:

background-image: radial-gradient(circle, #376995 10%, #376A96 89%);

 

HEX #376A96 sur HEX #427FB3


Code CSS:

background-image: linear-gradient(135deg, #376A96 12%, #427FB3 97%);

 

HEX #376A96 sur HEX #427FB3


Code CSS:

background-image: radial-gradient(circle, #376A96 5%, #427FB3 86%);

 

HEX #427FB3 sur HEX #376A96


Code CSS:

background-image: linear-gradient(135deg, #427FB3 4%, #376A96 99%);

 

HEX #427FB3 sur HEX #376A96


Code CSS:

background-image: radial-gradient(circle, #427FB3 13%, #376A96 88%);

 

HEX #376A96 sur HEX #5C93C3


Code CSS:

background-image: linear-gradient(135deg, #376A96 5%, #5C93C3 88%);

 

HEX #376A96 sur HEX #5C93C3


Code CSS:

background-image: radial-gradient(circle, #376A96 14%, #5C93C3 90%);

 

HEX #5C93C3 sur HEX #376A96


Code CSS:

background-image: linear-gradient(135deg, #5C93C3 6%, #376A96 89%);

 

HEX #5C93C3 sur HEX #376A96


Code CSS:

background-image: radial-gradient(circle, #5C93C3 14%, #376A96 99%);

Linéaire

HEX #376A96 sur HEX #378495


Code CSS:

background-image: linear-gradient(135deg, #376A96 10%, #378495 88%);

Radial

HEX #376A96 sur HEX #378495


Code CSS:

background-image: radial-gradient(circle, #376A96 6%, #378495 98%);

 

HEX #378495 sur HEX #376A96


Code CSS:

background-image: linear-gradient(135deg, #378495 1%, #376A96 87%);

 

HEX #378495 sur HEX #376A96


Code CSS:

background-image: radial-gradient(circle, #378495 7%, #376A96 86%);

 

HEX #376A96 sur HEX #376B95


Code CSS:

background-image: linear-gradient(135deg, #376A96 3%, #376B95 98%);

 

HEX #376A96 sur HEX #376B95


Code CSS:

background-image: radial-gradient(circle, #376A96 6%, #376B95 96%);

 

HEX #376B95 sur HEX #376A96


Code CSS:

background-image: linear-gradient(135deg, #376B95 9%, #376A96 99%);

 

HEX #376B95 sur HEX #376A96


Code CSS:

background-image: radial-gradient(circle, #376B95 7%, #376A96 90%);

 

HEX #376A96 sur HEX #375295


Code CSS:

background-image: linear-gradient(135deg, #376A96 14%, #375295 91%);

 

HEX #376A96 sur HEX #375295


Code CSS:

background-image: radial-gradient(circle, #376A96 1%, #375295 87%);

 

HEX #375295 sur HEX #376A96


Code CSS:

background-image: linear-gradient(135deg, #375295 1%, #376A96 91%);

 

HEX #375295 sur HEX #376A96


Code CSS:

background-image: radial-gradient(circle, #375295 12%, #376A96 88%);

 

HEX #376A96 sur HEX #373995


Code CSS:

background-image: linear-gradient(135deg, #376A96 5%, #373995 95%);

 

HEX #376A96 sur HEX #373995


Code CSS:

background-image: radial-gradient(circle, #376A96 13%, #373995 91%);

 

HEX #373995 sur HEX #376A96


Code CSS:

background-image: linear-gradient(135deg, #373995 13%, #376A96 98%);

 

HEX #373995 sur HEX #376A96


Code CSS:

background-image: radial-gradient(circle, #373995 14%, #376A96 91%);

Linéaire

HEX #376A96 sur HEX #2C5477


Code CSS:

background-image: linear-gradient(135deg, #376A96 5%, #2C5477 92%);

Radial

HEX #376A96 sur HEX #2C5477


Code CSS:

background-image: radial-gradient(circle, #376A96 8%, #2C5477 94%);

 

HEX #2C5477 sur HEX #376A96


Code CSS:

background-image: linear-gradient(135deg, #2C5477 11%, #376A96 89%);

 

HEX #2C5477 sur HEX #376A96


Code CSS:

background-image: radial-gradient(circle, #2C5477 7%, #376A96 100%);

 

HEX #376A96 sur HEX #376995


Code CSS:

background-image: linear-gradient(135deg, #376A96 8%, #376995 95%);

 

HEX #376A96 sur HEX #376995


Code CSS:

background-image: radial-gradient(circle, #376A96 10%, #376995 92%);

 

HEX #376995 sur HEX #376A96


Code CSS:

background-image: linear-gradient(135deg, #376995 11%, #376A96 87%);

 

HEX #376995 sur HEX #376A96


Code CSS:

background-image: radial-gradient(circle, #376995 12%, #376A96 95%);

 

HEX #376A96 sur HEX #427FB3


Code CSS:

background-image: linear-gradient(135deg, #376A96 10%, #427FB3 86%);

 

HEX #376A96 sur HEX #427FB3


Code CSS:

background-image: radial-gradient(circle, #376A96 4%, #427FB3 97%);

 

HEX #427FB3 sur HEX #376A96


Code CSS:

background-image: linear-gradient(135deg, #427FB3 13%, #376A96 96%);

 

HEX #427FB3 sur HEX #376A96


Code CSS:

background-image: radial-gradient(circle, #427FB3 8%, #376A96 99%);

 

HEX #376A96 sur HEX #5C93C3


Code CSS:

background-image: linear-gradient(135deg, #376A96 0%, #5C93C3 91%);

 

HEX #376A96 sur HEX #5C93C3


Code CSS:

background-image: radial-gradient(circle, #376A96 6%, #5C93C3 95%);

 

HEX #5C93C3 sur HEX #376A96


Code CSS:

background-image: linear-gradient(135deg, #5C93C3 4%, #376A96 89%);

 

HEX #5C93C3 sur HEX #376A96


Code CSS:

background-image: radial-gradient(circle, #5C93C3 7%, #376A96 99%);

Linéaire

HEX #376A96 sur HEX #743795


Code CSS:

background-image: linear-gradient(135deg, #376A96 13%, #743795 94%);

Radial

HEX #376A96 sur HEX #743795


Code CSS:

background-image: radial-gradient(circle, #376A96 5%, #743795 96%);

 

HEX #743795 sur HEX #376A96


Code CSS:

background-image: linear-gradient(135deg, #743795 9%, #376A96 92%);

 

HEX #743795 sur HEX #376A96


Code CSS:

background-image: radial-gradient(circle, #743795 3%, #376A96 98%);

 

HEX #376A96 sur HEX #909537


Code CSS:

background-image: linear-gradient(135deg, #376A96 13%, #909537 87%);

 

HEX #376A96 sur HEX #909537


Code CSS:

background-image: radial-gradient(circle, #376A96 5%, #909537 100%);

 

HEX #909537 sur HEX #376A96


Code CSS:

background-image: linear-gradient(135deg, #909537 4%, #376A96 92%);

 

HEX #909537 sur HEX #376A96


Code CSS:

background-image: radial-gradient(circle, #909537 10%, #376A96 89%);

Linéaire

HEX #376A96 sur HEX #95376B


Code CSS:

background-image: linear-gradient(135deg, #376A96 14%, #95376B 92%);

Radial

HEX #376A96 sur HEX #95376B


Code CSS:

background-image: radial-gradient(circle, #376A96 10%, #95376B 91%);

 

HEX #95376B sur HEX #376A96


Code CSS:

background-image: linear-gradient(135deg, #95376B 11%, #376A96 98%);

 

HEX #95376B sur HEX #376A96


Code CSS:

background-image: radial-gradient(circle, #95376B 11%, #376A96 86%);

 

HEX #376A96 sur HEX #6B9537


Code CSS:

background-image: linear-gradient(135deg, #376A96 12%, #6B9537 95%);

 

HEX #376A96 sur HEX #6B9537


Code CSS:

background-image: radial-gradient(circle, #376A96 3%, #6B9537 94%);

 

HEX #6B9537 sur HEX #376A96


Code CSS:

background-image: linear-gradient(135deg, #6B9537 14%, #376A96 91%);

 

HEX #6B9537 sur HEX #376A96


Code CSS:

background-image: radial-gradient(circle, #6B9537 0%, #376A96 100%);

Linéaire

HEX #376A96 sur HEX #743795


Code CSS:

background-image: linear-gradient(135deg, #376A96 14%, #743795 97%);

Radial

HEX #376A96 sur HEX #743795


Code CSS:

background-image: radial-gradient(circle, #376A96 12%, #743795 94%);

 

HEX #743795 sur HEX #376A96


Code CSS:

background-image: linear-gradient(135deg, #743795 5%, #376A96 96%);

 

HEX #743795 sur HEX #376A96


Code CSS:

background-image: radial-gradient(circle, #743795 9%, #376A96 89%);

 

HEX #376A96 sur HEX #956137


Code CSS:

background-image: linear-gradient(135deg, #376A96 7%, #956137 97%);

 

HEX #376A96 sur HEX #956137


Code CSS:

background-image: radial-gradient(circle, #376A96 11%, #956137 91%);

 

HEX #956137 sur HEX #376A96


Code CSS:

background-image: linear-gradient(135deg, #956137 10%, #376A96 100%);

 

HEX #956137 sur HEX #376A96


Code CSS:

background-image: radial-gradient(circle, #956137 4%, #376A96 94%);

 

HEX #376A96 sur HEX #589537


Code CSS:

background-image: linear-gradient(135deg, #376A96 0%, #589537 95%);

 

HEX #376A96 sur HEX #589537


Code CSS:

background-image: radial-gradient(circle, #376A96 10%, #589537 86%);

 

HEX #589537 sur HEX #376A96


Code CSS:

background-image: linear-gradient(135deg, #589537 10%, #376A96 91%);

 

HEX #589537 sur HEX #376A96


Code CSS:

background-image: radial-gradient(circle, #589537 14%, #376A96 90%);

Linéaire

HEX #376A96 sur HEX #903795


Code CSS:

background-image: linear-gradient(135deg, #376A96 7%, #903795 87%);

Radial

HEX #376A96 sur HEX #903795


Code CSS:

background-image: radial-gradient(circle, #376A96 2%, #903795 92%);

 

HEX #903795 sur HEX #376A96


Code CSS:

background-image: linear-gradient(135deg, #903795 8%, #376A96 97%);

 

HEX #903795 sur HEX #376A96


Code CSS:

background-image: radial-gradient(circle, #903795 6%, #376A96 92%);

 

HEX #376A96 sur HEX #956137


Code CSS:

background-image: linear-gradient(135deg, #376A96 14%, #956137 95%);

 

HEX #376A96 sur HEX #956137


Code CSS:

background-image: radial-gradient(circle, #376A96 1%, #956137 87%);

 

HEX #956137 sur HEX #376A96


Code CSS:

background-image: linear-gradient(135deg, #956137 4%, #376A96 99%);

 

HEX #956137 sur HEX #376A96


Code CSS:

background-image: radial-gradient(circle, #956137 1%, #376A96 93%);

 

HEX #376A96 sur HEX #3C9537


Code CSS:

background-image: linear-gradient(135deg, #376A96 10%, #3C9537 93%);

 

HEX #376A96 sur HEX #3C9537


Code CSS:

background-image: radial-gradient(circle, #376A96 11%, #3C9537 93%);

 

HEX #3C9537 sur HEX #376A96


Code CSS:

background-image: linear-gradient(135deg, #3C9537 7%, #376A96 98%);

 

HEX #3C9537 sur HEX #376A96


Code CSS:

background-image: radial-gradient(circle, #3C9537 14%, #376A96 96%);

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 les palettes de couleurs, une inscription est nécessaire.

Se connecter à votre 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 souhaité.

Partager

OK, j'ai copié les liens

Vos couleurs sont enregistrées dans une nouvelle palette de couleurs.
Vous pouvez la consulter sous votre profil.
Vous pouvez 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 , vous pouvez créer des palettes et télécharger les nuanciers.