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

CSS Gradients:
#535B76

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 83 Rouge, 91 Vert et 118 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.
83 91 118 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 30 cyan, 23 magenta, pas de jaune et 54 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.
30% 23% 0% 54% 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 #535B76 sur HEX #ACA489


Code CSS:

background-image: linear-gradient(135deg, #535B76 9%, #ACA489 98%);

Radial

HEX #535B76 sur HEX #ACA489


Code CSS:

background-image: radial-gradient(circle, #535B76 5%, #ACA489 86%);

 

HEX #ACA489 sur HEX #535B76


Code CSS:

background-image: linear-gradient(135deg, #ACA489 9%, #535B76 90%);

 

HEX #ACA489 sur HEX #535B76


Code CSS:

background-image: radial-gradient(circle, #ACA489 5%, #535B76 91%);

Linéaire

HEX #535B76 sur HEX #536374


Code CSS:

background-image: linear-gradient(135deg, #535B76 11%, #536374 100%);

Radial

HEX #535B76 sur HEX #536374


Code CSS:

background-image: radial-gradient(circle, #535B76 0%, #536374 95%);

 

HEX #536374 sur HEX #535B76


Code CSS:

background-image: linear-gradient(135deg, #536374 8%, #535B76 96%);

 

HEX #536374 sur HEX #535B76


Code CSS:

background-image: radial-gradient(circle, #536374 8%, #535B76 88%);

 

HEX #535B76 sur HEX #535A74


Code CSS:

background-image: linear-gradient(135deg, #535B76 9%, #535A74 100%);

 

HEX #535B76 sur HEX #535A74


Code CSS:

background-image: radial-gradient(circle, #535B76 1%, #535A74 87%);

 

HEX #535A74 sur HEX #535B76


Code CSS:

background-image: linear-gradient(135deg, #535A74 12%, #535B76 94%);

 

HEX #535A74 sur HEX #535B76


Code CSS:

background-image: radial-gradient(circle, #535A74 11%, #535B76 94%);

 

HEX #535B76 sur HEX #545374


Code CSS:

background-image: linear-gradient(135deg, #535B76 11%, #545374 90%);

 

HEX #535B76 sur HEX #545374


Code CSS:

background-image: radial-gradient(circle, #535B76 0%, #545374 89%);

 

HEX #545374 sur HEX #535B76


Code CSS:

background-image: linear-gradient(135deg, #545374 12%, #535B76 94%);

 

HEX #545374 sur HEX #535B76


Code CSS:

background-image: radial-gradient(circle, #545374 5%, #535B76 90%);

 

HEX #535B76 sur HEX #5D5374


Code CSS:

background-image: linear-gradient(135deg, #535B76 0%, #5D5374 98%);

 

HEX #535B76 sur HEX #5D5374


Code CSS:

background-image: radial-gradient(circle, #535B76 11%, #5D5374 91%);

 

HEX #5D5374 sur HEX #535B76


Code CSS:

background-image: linear-gradient(135deg, #5D5374 4%, #535B76 99%);

 

HEX #5D5374 sur HEX #535B76


Code CSS:

background-image: radial-gradient(circle, #5D5374 0%, #535B76 100%);

Linéaire

HEX #535B76 sur HEX #41485C


Code CSS:

background-image: linear-gradient(135deg, #535B76 13%, #41485C 99%);

Radial

HEX #535B76 sur HEX #41485C


Code CSS:

background-image: radial-gradient(circle, #535B76 4%, #41485C 94%);

 

HEX #41485C sur HEX #535B76


Code CSS:

background-image: linear-gradient(135deg, #41485C 10%, #535B76 91%);

 

HEX #41485C sur HEX #535B76


Code CSS:

background-image: radial-gradient(circle, #41485C 8%, #535B76 86%);

 

HEX #535B76 sur HEX #535A74


Code CSS:

background-image: linear-gradient(135deg, #535B76 0%, #535A74 96%);

 

HEX #535B76 sur HEX #535A74


Code CSS:

background-image: radial-gradient(circle, #535B76 7%, #535A74 89%);

 

HEX #535A74 sur HEX #535B76


Code CSS:

background-image: linear-gradient(135deg, #535A74 1%, #535B76 87%);

 

HEX #535A74 sur HEX #535B76


Code CSS:

background-image: radial-gradient(circle, #535A74 10%, #535B76 86%);

 

HEX #535B76 sur HEX #646D8C


Code CSS:

background-image: linear-gradient(135deg, #535B76 7%, #646D8C 96%);

 

HEX #535B76 sur HEX #646D8C


Code CSS:

background-image: radial-gradient(circle, #535B76 4%, #646D8C 99%);

 

HEX #646D8C sur HEX #535B76


Code CSS:

background-image: linear-gradient(135deg, #646D8C 12%, #535B76 96%);

 

HEX #646D8C sur HEX #535B76


Code CSS:

background-image: radial-gradient(circle, #646D8C 7%, #535B76 95%);

 

HEX #535B76 sur HEX #7982A0


Code CSS:

background-image: linear-gradient(135deg, #535B76 14%, #7982A0 92%);

 

HEX #535B76 sur HEX #7982A0


Code CSS:

background-image: radial-gradient(circle, #535B76 8%, #7982A0 93%);

 

HEX #7982A0 sur HEX #535B76


Code CSS:

background-image: linear-gradient(135deg, #7982A0 13%, #535B76 88%);

 

HEX #7982A0 sur HEX #535B76


Code CSS:

background-image: radial-gradient(circle, #7982A0 0%, #535B76 99%);

Linéaire

HEX #535B76 sur HEX #536374


Code CSS:

background-image: linear-gradient(135deg, #535B76 4%, #536374 86%);

Radial

HEX #535B76 sur HEX #536374


Code CSS:

background-image: radial-gradient(circle, #535B76 10%, #536374 97%);

 

HEX #536374 sur HEX #535B76


Code CSS:

background-image: linear-gradient(135deg, #536374 8%, #535B76 87%);

 

HEX #536374 sur HEX #535B76


Code CSS:

background-image: radial-gradient(circle, #536374 11%, #535B76 91%);

 

HEX #535B76 sur HEX #535A74


Code CSS:

background-image: linear-gradient(135deg, #535B76 4%, #535A74 89%);

 

HEX #535B76 sur HEX #535A74


Code CSS:

background-image: radial-gradient(circle, #535B76 13%, #535A74 96%);

 

HEX #535A74 sur HEX #535B76


Code CSS:

background-image: linear-gradient(135deg, #535A74 10%, #535B76 89%);

 

HEX #535A74 sur HEX #535B76


Code CSS:

background-image: radial-gradient(circle, #535A74 13%, #535B76 94%);

 

HEX #535B76 sur HEX #545374


Code CSS:

background-image: linear-gradient(135deg, #535B76 3%, #545374 86%);

 

HEX #535B76 sur HEX #545374


Code CSS:

background-image: radial-gradient(circle, #535B76 12%, #545374 95%);

 

HEX #545374 sur HEX #535B76


Code CSS:

background-image: linear-gradient(135deg, #545374 8%, #535B76 95%);

 

HEX #545374 sur HEX #535B76


Code CSS:

background-image: radial-gradient(circle, #545374 11%, #535B76 95%);

 

HEX #535B76 sur HEX #5D5374


Code CSS:

background-image: linear-gradient(135deg, #535B76 14%, #5D5374 93%);

 

HEX #535B76 sur HEX #5D5374


Code CSS:

background-image: radial-gradient(circle, #535B76 7%, #5D5374 95%);

 

HEX #5D5374 sur HEX #535B76


Code CSS:

background-image: linear-gradient(135deg, #5D5374 10%, #535B76 90%);

 

HEX #5D5374 sur HEX #535B76


Code CSS:

background-image: radial-gradient(circle, #5D5374 10%, #535B76 86%);

Linéaire

HEX #535B76 sur HEX #41485C


Code CSS:

background-image: linear-gradient(135deg, #535B76 12%, #41485C 94%);

Radial

HEX #535B76 sur HEX #41485C


Code CSS:

background-image: radial-gradient(circle, #535B76 11%, #41485C 92%);

 

HEX #41485C sur HEX #535B76


Code CSS:

background-image: linear-gradient(135deg, #41485C 12%, #535B76 89%);

 

HEX #41485C sur HEX #535B76


Code CSS:

background-image: radial-gradient(circle, #41485C 14%, #535B76 99%);

 

HEX #535B76 sur HEX #535A74


Code CSS:

background-image: linear-gradient(135deg, #535B76 8%, #535A74 97%);

 

HEX #535B76 sur HEX #535A74


Code CSS:

background-image: radial-gradient(circle, #535B76 14%, #535A74 86%);

 

HEX #535A74 sur HEX #535B76


Code CSS:

background-image: linear-gradient(135deg, #535A74 9%, #535B76 89%);

 

HEX #535A74 sur HEX #535B76


Code CSS:

background-image: radial-gradient(circle, #535A74 5%, #535B76 91%);

 

HEX #535B76 sur HEX #646D8C


Code CSS:

background-image: linear-gradient(135deg, #535B76 12%, #646D8C 98%);

 

HEX #535B76 sur HEX #646D8C


Code CSS:

background-image: radial-gradient(circle, #535B76 14%, #646D8C 87%);

 

HEX #646D8C sur HEX #535B76


Code CSS:

background-image: linear-gradient(135deg, #646D8C 9%, #535B76 95%);

 

HEX #646D8C sur HEX #535B76


Code CSS:

background-image: radial-gradient(circle, #646D8C 3%, #535B76 88%);

 

HEX #535B76 sur HEX #7982A0


Code CSS:

background-image: linear-gradient(135deg, #535B76 0%, #7982A0 98%);

 

HEX #535B76 sur HEX #7982A0


Code CSS:

background-image: radial-gradient(circle, #535B76 4%, #7982A0 90%);

 

HEX #7982A0 sur HEX #535B76


Code CSS:

background-image: linear-gradient(135deg, #7982A0 10%, #535B76 93%);

 

HEX #7982A0 sur HEX #535B76


Code CSS:

background-image: radial-gradient(circle, #7982A0 6%, #535B76 98%);

Linéaire

HEX #535B76 sur HEX #735374


Code CSS:

background-image: linear-gradient(135deg, #535B76 14%, #735374 92%);

Radial

HEX #535B76 sur HEX #735374


Code CSS:

background-image: radial-gradient(circle, #535B76 6%, #735374 98%);

 

HEX #735374 sur HEX #535B76


Code CSS:

background-image: linear-gradient(135deg, #735374 8%, #535B76 92%);

 

HEX #735374 sur HEX #535B76


Code CSS:

background-image: radial-gradient(circle, #735374 14%, #535B76 94%);

 

HEX #535B76 sur HEX #687453


Code CSS:

background-image: linear-gradient(135deg, #535B76 11%, #687453 87%);

 

HEX #535B76 sur HEX #687453


Code CSS:

background-image: radial-gradient(circle, #535B76 13%, #687453 89%);

 

HEX #687453 sur HEX #535B76


Code CSS:

background-image: linear-gradient(135deg, #687453 12%, #535B76 87%);

 

HEX #687453 sur HEX #535B76


Code CSS:

background-image: radial-gradient(circle, #687453 1%, #535B76 100%);

Linéaire

HEX #535B76 sur HEX #74535A


Code CSS:

background-image: linear-gradient(135deg, #535B76 11%, #74535A 94%);

Radial

HEX #535B76 sur HEX #74535A


Code CSS:

background-image: radial-gradient(circle, #535B76 11%, #74535A 96%);

 

HEX #74535A sur HEX #535B76


Code CSS:

background-image: linear-gradient(135deg, #74535A 4%, #535B76 91%);

 

HEX #74535A sur HEX #535B76


Code CSS:

background-image: radial-gradient(circle, #74535A 13%, #535B76 98%);

 

HEX #535B76 sur HEX #5A7453


Code CSS:

background-image: linear-gradient(135deg, #535B76 0%, #5A7453 87%);

 

HEX #535B76 sur HEX #5A7453


Code CSS:

background-image: radial-gradient(circle, #535B76 14%, #5A7453 89%);

 

HEX #5A7453 sur HEX #535B76


Code CSS:

background-image: linear-gradient(135deg, #5A7453 6%, #535B76 94%);

 

HEX #5A7453 sur HEX #535B76


Code CSS:

background-image: radial-gradient(circle, #5A7453 5%, #535B76 92%);

Linéaire

HEX #535B76 sur HEX #735374


Code CSS:

background-image: linear-gradient(135deg, #535B76 6%, #735374 93%);

Radial

HEX #535B76 sur HEX #735374


Code CSS:

background-image: radial-gradient(circle, #535B76 1%, #735374 97%);

 

HEX #735374 sur HEX #535B76


Code CSS:

background-image: linear-gradient(135deg, #735374 13%, #535B76 88%);

 

HEX #735374 sur HEX #535B76


Code CSS:

background-image: radial-gradient(circle, #735374 10%, #535B76 99%);

 

HEX #535B76 sur HEX #746C53


Code CSS:

background-image: linear-gradient(135deg, #535B76 12%, #746C53 98%);

 

HEX #535B76 sur HEX #746C53


Code CSS:

background-image: radial-gradient(circle, #535B76 5%, #746C53 93%);

 

HEX #746C53 sur HEX #535B76


Code CSS:

background-image: linear-gradient(135deg, #746C53 14%, #535B76 89%);

 

HEX #746C53 sur HEX #535B76


Code CSS:

background-image: radial-gradient(circle, #746C53 0%, #535B76 93%);

 

HEX #535B76 sur HEX #547453


Code CSS:

background-image: linear-gradient(135deg, #535B76 14%, #547453 98%);

 

HEX #535B76 sur HEX #547453


Code CSS:

background-image: radial-gradient(circle, #535B76 3%, #547453 100%);

 

HEX #547453 sur HEX #535B76


Code CSS:

background-image: linear-gradient(135deg, #547453 3%, #535B76 91%);

 

HEX #547453 sur HEX #535B76


Code CSS:

background-image: radial-gradient(circle, #547453 2%, #535B76 98%);

Linéaire

HEX #535B76 sur HEX #74536B


Code CSS:

background-image: linear-gradient(135deg, #535B76 6%, #74536B 88%);

Radial

HEX #535B76 sur HEX #74536B


Code CSS:

background-image: radial-gradient(circle, #535B76 12%, #74536B 97%);

 

HEX #74536B sur HEX #535B76


Code CSS:

background-image: linear-gradient(135deg, #74536B 4%, #535B76 87%);

 

HEX #74536B sur HEX #535B76


Code CSS:

background-image: radial-gradient(circle, #74536B 11%, #535B76 89%);

 

HEX #535B76 sur HEX #746C53


Code CSS:

background-image: linear-gradient(135deg, #535B76 6%, #746C53 99%);

 

HEX #535B76 sur HEX #746C53


Code CSS:

background-image: radial-gradient(circle, #535B76 11%, #746C53 89%);

 

HEX #746C53 sur HEX #535B76


Code CSS:

background-image: linear-gradient(135deg, #746C53 0%, #535B76 87%);

 

HEX #746C53 sur HEX #535B76


Code CSS:

background-image: radial-gradient(circle, #746C53 3%, #535B76 89%);

 

HEX #535B76 sur HEX #53745C


Code CSS:

background-image: linear-gradient(135deg, #535B76 8%, #53745C 100%);

 

HEX #535B76 sur HEX #53745C


Code CSS:

background-image: radial-gradient(circle, #535B76 12%, #53745C 98%);

 

HEX #53745C sur HEX #535B76


Code CSS:

background-image: linear-gradient(135deg, #53745C 10%, #535B76 97%);

 

HEX #53745C sur HEX #535B76


Code CSS:

background-image: radial-gradient(circle, #53745C 13%, #535B76 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 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.