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

CSS Gradients:
#6F7322

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 111 Rouge, 115 Vert et 34 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.
111 115 34 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 3 cyan, pas de magenta, 70 jaune et 55 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.
3% 0% 70% 55% 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 #6F7322 sur HEX #908CDD


Code CSS:

background-image: linear-gradient(135deg, #6F7322 5%, #908CDD 90%);

Radial

HEX #6F7322 sur HEX #908CDD


Code CSS:

background-image: radial-gradient(circle, #6F7322 1%, #908CDD 93%);

 

HEX #908CDD sur HEX #6F7322


Code CSS:

background-image: linear-gradient(135deg, #908CDD 3%, #6F7322 95%);

 

HEX #908CDD sur HEX #6F7322


Code CSS:

background-image: radial-gradient(circle, #908CDD 5%, #6F7322 88%);

Linéaire

HEX #6F7322 sur HEX #725F22


Code CSS:

background-image: linear-gradient(135deg, #6F7322 10%, #725F22 86%);

Radial

HEX #6F7322 sur HEX #725F22


Code CSS:

background-image: radial-gradient(circle, #6F7322 9%, #725F22 91%);

 

HEX #725F22 sur HEX #6F7322


Code CSS:

background-image: linear-gradient(135deg, #725F22 0%, #6F7322 96%);

 

HEX #725F22 sur HEX #6F7322


Code CSS:

background-image: radial-gradient(circle, #725F22 5%, #6F7322 100%);

 

HEX #6F7322 sur HEX #6F7222


Code CSS:

background-image: linear-gradient(135deg, #6F7322 1%, #6F7222 89%);

 

HEX #6F7322 sur HEX #6F7222


Code CSS:

background-image: radial-gradient(circle, #6F7322 11%, #6F7222 93%);

 

HEX #6F7222 sur HEX #6F7322


Code CSS:

background-image: linear-gradient(135deg, #6F7222 11%, #6F7322 95%);

 

HEX #6F7222 sur HEX #6F7322


Code CSS:

background-image: radial-gradient(circle, #6F7222 3%, #6F7322 89%);

 

HEX #6F7322 sur HEX #5A7222


Code CSS:

background-image: linear-gradient(135deg, #6F7322 5%, #5A7222 86%);

 

HEX #6F7322 sur HEX #5A7222


Code CSS:

background-image: radial-gradient(circle, #6F7322 7%, #5A7222 93%);

 

HEX #5A7222 sur HEX #6F7322


Code CSS:

background-image: linear-gradient(135deg, #5A7222 4%, #6F7322 93%);

 

HEX #5A7222 sur HEX #6F7322


Code CSS:

background-image: radial-gradient(circle, #5A7222 8%, #6F7322 93%);

 

HEX #6F7322 sur HEX #457222


Code CSS:

background-image: linear-gradient(135deg, #6F7322 7%, #457222 93%);

 

HEX #6F7322 sur HEX #457222


Code CSS:

background-image: radial-gradient(circle, #6F7322 6%, #457222 88%);

 

HEX #457222 sur HEX #6F7322


Code CSS:

background-image: linear-gradient(135deg, #457222 8%, #6F7322 91%);

 

HEX #457222 sur HEX #6F7322


Code CSS:

background-image: radial-gradient(circle, #457222 14%, #6F7322 100%);

Linéaire

HEX #6F7322 sur HEX #4F5219


Code CSS:

background-image: linear-gradient(135deg, #6F7322 4%, #4F5219 89%);

Radial

HEX #6F7322 sur HEX #4F5219


Code CSS:

background-image: radial-gradient(circle, #6F7322 0%, #4F5219 91%);

 

HEX #4F5219 sur HEX #6F7322


Code CSS:

background-image: linear-gradient(135deg, #4F5219 0%, #6F7322 90%);

 

HEX #4F5219 sur HEX #6F7322


Code CSS:

background-image: radial-gradient(circle, #4F5219 9%, #6F7322 88%);

 

HEX #6F7322 sur HEX #6E7222


Code CSS:

background-image: linear-gradient(135deg, #6F7322 0%, #6E7222 90%);

 

HEX #6F7322 sur HEX #6E7222


Code CSS:

background-image: radial-gradient(circle, #6F7322 13%, #6E7222 87%);

 

HEX #6E7222 sur HEX #6F7322


Code CSS:

background-image: linear-gradient(135deg, #6E7222 7%, #6F7322 96%);

 

HEX #6E7222 sur HEX #6F7322


Code CSS:

background-image: radial-gradient(circle, #6E7222 8%, #6F7322 94%);

 

HEX #6F7322 sur HEX #8D922C


Code CSS:

background-image: linear-gradient(135deg, #6F7322 6%, #8D922C 95%);

 

HEX #6F7322 sur HEX #8D922C


Code CSS:

background-image: radial-gradient(circle, #6F7322 9%, #8D922C 99%);

 

HEX #8D922C sur HEX #6F7322


Code CSS:

background-image: linear-gradient(135deg, #8D922C 1%, #6F7322 94%);

 

HEX #8D922C sur HEX #6F7322


Code CSS:

background-image: radial-gradient(circle, #8D922C 7%, #6F7322 89%);

 

HEX #6F7322 sur HEX #ABB135


Code CSS:

background-image: linear-gradient(135deg, #6F7322 1%, #ABB135 86%);

 

HEX #6F7322 sur HEX #ABB135


Code CSS:

background-image: radial-gradient(circle, #6F7322 1%, #ABB135 93%);

 

HEX #ABB135 sur HEX #6F7322


Code CSS:

background-image: linear-gradient(135deg, #ABB135 11%, #6F7322 88%);

 

HEX #ABB135 sur HEX #6F7322


Code CSS:

background-image: radial-gradient(circle, #ABB135 3%, #6F7322 96%);

Linéaire

HEX #6F7322 sur HEX #725F22


Code CSS:

background-image: linear-gradient(135deg, #6F7322 8%, #725F22 95%);

Radial

HEX #6F7322 sur HEX #725F22


Code CSS:

background-image: radial-gradient(circle, #6F7322 12%, #725F22 92%);

 

HEX #725F22 sur HEX #6F7322


Code CSS:

background-image: linear-gradient(135deg, #725F22 3%, #6F7322 92%);

 

HEX #725F22 sur HEX #6F7322


Code CSS:

background-image: radial-gradient(circle, #725F22 7%, #6F7322 100%);

 

HEX #6F7322 sur HEX #6F7222


Code CSS:

background-image: linear-gradient(135deg, #6F7322 13%, #6F7222 99%);

 

HEX #6F7322 sur HEX #6F7222


Code CSS:

background-image: radial-gradient(circle, #6F7322 14%, #6F7222 100%);

 

HEX #6F7222 sur HEX #6F7322


Code CSS:

background-image: linear-gradient(135deg, #6F7222 11%, #6F7322 100%);

 

HEX #6F7222 sur HEX #6F7322


Code CSS:

background-image: radial-gradient(circle, #6F7222 3%, #6F7322 93%);

 

HEX #6F7322 sur HEX #5A7222


Code CSS:

background-image: linear-gradient(135deg, #6F7322 8%, #5A7222 96%);

 

HEX #6F7322 sur HEX #5A7222


Code CSS:

background-image: radial-gradient(circle, #6F7322 12%, #5A7222 100%);

 

HEX #5A7222 sur HEX #6F7322


Code CSS:

background-image: linear-gradient(135deg, #5A7222 12%, #6F7322 90%);

 

HEX #5A7222 sur HEX #6F7322


Code CSS:

background-image: radial-gradient(circle, #5A7222 14%, #6F7322 91%);

 

HEX #6F7322 sur HEX #457222


Code CSS:

background-image: linear-gradient(135deg, #6F7322 11%, #457222 89%);

 

HEX #6F7322 sur HEX #457222


Code CSS:

background-image: radial-gradient(circle, #6F7322 11%, #457222 98%);

 

HEX #457222 sur HEX #6F7322


Code CSS:

background-image: linear-gradient(135deg, #457222 4%, #6F7322 92%);

 

HEX #457222 sur HEX #6F7322


Code CSS:

background-image: radial-gradient(circle, #457222 8%, #6F7322 90%);

Linéaire

HEX #6F7322 sur HEX #4F5219


Code CSS:

background-image: linear-gradient(135deg, #6F7322 2%, #4F5219 97%);

Radial

HEX #6F7322 sur HEX #4F5219


Code CSS:

background-image: radial-gradient(circle, #6F7322 13%, #4F5219 89%);

 

HEX #4F5219 sur HEX #6F7322


Code CSS:

background-image: linear-gradient(135deg, #4F5219 9%, #6F7322 99%);

 

HEX #4F5219 sur HEX #6F7322


Code CSS:

background-image: radial-gradient(circle, #4F5219 10%, #6F7322 95%);

 

HEX #6F7322 sur HEX #6E7222


Code CSS:

background-image: linear-gradient(135deg, #6F7322 2%, #6E7222 89%);

 

HEX #6F7322 sur HEX #6E7222


Code CSS:

background-image: radial-gradient(circle, #6F7322 13%, #6E7222 87%);

 

HEX #6E7222 sur HEX #6F7322


Code CSS:

background-image: linear-gradient(135deg, #6E7222 1%, #6F7322 98%);

 

HEX #6E7222 sur HEX #6F7322


Code CSS:

background-image: radial-gradient(circle, #6E7222 1%, #6F7322 92%);

 

HEX #6F7322 sur HEX #8D922C


Code CSS:

background-image: linear-gradient(135deg, #6F7322 7%, #8D922C 100%);

 

HEX #6F7322 sur HEX #8D922C


Code CSS:

background-image: radial-gradient(circle, #6F7322 10%, #8D922C 90%);

 

HEX #8D922C sur HEX #6F7322


Code CSS:

background-image: linear-gradient(135deg, #8D922C 11%, #6F7322 87%);

 

HEX #8D922C sur HEX #6F7322


Code CSS:

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

 

HEX #6F7322 sur HEX #ABB135


Code CSS:

background-image: linear-gradient(135deg, #6F7322 4%, #ABB135 98%);

 

HEX #6F7322 sur HEX #ABB135


Code CSS:

background-image: radial-gradient(circle, #6F7322 7%, #ABB135 95%);

 

HEX #ABB135 sur HEX #6F7322


Code CSS:

background-image: linear-gradient(135deg, #ABB135 3%, #6F7322 95%);

 

HEX #ABB135 sur HEX #6F7322


Code CSS:

background-image: radial-gradient(circle, #ABB135 6%, #6F7322 98%);

Linéaire

HEX #6F7322 sur HEX #227235


Code CSS:

background-image: linear-gradient(135deg, #6F7322 9%, #227235 92%);

Radial

HEX #6F7322 sur HEX #227235


Code CSS:

background-image: radial-gradient(circle, #6F7322 12%, #227235 94%);

 

HEX #227235 sur HEX #6F7322


Code CSS:

background-image: linear-gradient(135deg, #227235 14%, #6F7322 100%);

 

HEX #227235 sur HEX #6F7322


Code CSS:

background-image: radial-gradient(circle, #227235 9%, #6F7322 91%);

 

HEX #6F7322 sur HEX #552272


Code CSS:

background-image: linear-gradient(135deg, #6F7322 12%, #552272 92%);

 

HEX #6F7322 sur HEX #552272


Code CSS:

background-image: radial-gradient(circle, #6F7322 2%, #552272 92%);

 

HEX #552272 sur HEX #6F7322


Code CSS:

background-image: linear-gradient(135deg, #552272 9%, #6F7322 94%);

 

HEX #552272 sur HEX #6F7322


Code CSS:

background-image: radial-gradient(circle, #552272 1%, #6F7322 100%);

Linéaire

HEX #6F7322 sur HEX #226F72


Code CSS:

background-image: linear-gradient(135deg, #6F7322 7%, #226F72 89%);

Radial

HEX #6F7322 sur HEX #226F72


Code CSS:

background-image: radial-gradient(circle, #6F7322 12%, #226F72 97%);

 

HEX #226F72 sur HEX #6F7322


Code CSS:

background-image: linear-gradient(135deg, #226F72 9%, #6F7322 89%);

 

HEX #226F72 sur HEX #6F7322


Code CSS:

background-image: radial-gradient(circle, #226F72 5%, #6F7322 89%);

 

HEX #6F7322 sur HEX #72226F


Code CSS:

background-image: linear-gradient(135deg, #6F7322 6%, #72226F 98%);

 

HEX #6F7322 sur HEX #72226F


Code CSS:

background-image: radial-gradient(circle, #6F7322 3%, #72226F 98%);

 

HEX #72226F sur HEX #6F7322


Code CSS:

background-image: linear-gradient(135deg, #72226F 1%, #6F7322 94%);

 

HEX #72226F sur HEX #6F7322


Code CSS:

background-image: radial-gradient(circle, #72226F 14%, #6F7322 90%);

Linéaire

HEX #6F7322 sur HEX #227235


Code CSS:

background-image: linear-gradient(135deg, #6F7322 3%, #227235 91%);

Radial

HEX #6F7322 sur HEX #227235


Code CSS:

background-image: radial-gradient(circle, #6F7322 9%, #227235 89%);

 

HEX #227235 sur HEX #6F7322


Code CSS:

background-image: linear-gradient(135deg, #227235 7%, #6F7322 88%);

 

HEX #227235 sur HEX #6F7322


Code CSS:

background-image: radial-gradient(circle, #227235 8%, #6F7322 93%);

 

HEX #6F7322 sur HEX #252272


Code CSS:

background-image: linear-gradient(135deg, #6F7322 6%, #252272 97%);

 

HEX #6F7322 sur HEX #252272


Code CSS:

background-image: radial-gradient(circle, #6F7322 5%, #252272 88%);

 

HEX #252272 sur HEX #6F7322


Code CSS:

background-image: linear-gradient(135deg, #252272 6%, #6F7322 100%);

 

HEX #252272 sur HEX #6F7322


Code CSS:

background-image: radial-gradient(circle, #252272 6%, #6F7322 86%);

 

HEX #6F7322 sur HEX #72225F


Code CSS:

background-image: linear-gradient(135deg, #6F7322 3%, #72225F 99%);

 

HEX #6F7322 sur HEX #72225F


Code CSS:

background-image: radial-gradient(circle, #6F7322 13%, #72225F 94%);

 

HEX #72225F sur HEX #6F7322


Code CSS:

background-image: linear-gradient(135deg, #72225F 2%, #6F7322 98%);

 

HEX #72225F sur HEX #6F7322


Code CSS:

background-image: radial-gradient(circle, #72225F 8%, #6F7322 99%);

Linéaire

HEX #6F7322 sur HEX #22724D


Code CSS:

background-image: linear-gradient(135deg, #6F7322 5%, #22724D 88%);

Radial

HEX #6F7322 sur HEX #22724D


Code CSS:

background-image: radial-gradient(circle, #6F7322 10%, #22724D 96%);

 

HEX #22724D sur HEX #6F7322


Code CSS:

background-image: linear-gradient(135deg, #22724D 13%, #6F7322 89%);

 

HEX #22724D sur HEX #6F7322


Code CSS:

background-image: radial-gradient(circle, #22724D 5%, #6F7322 94%);

 

HEX #6F7322 sur HEX #252272


Code CSS:

background-image: linear-gradient(135deg, #6F7322 14%, #252272 96%);

 

HEX #6F7322 sur HEX #252272


Code CSS:

background-image: radial-gradient(circle, #6F7322 8%, #252272 94%);

 

HEX #252272 sur HEX #6F7322


Code CSS:

background-image: linear-gradient(135deg, #252272 10%, #6F7322 92%);

 

HEX #252272 sur HEX #6F7322


Code CSS:

background-image: radial-gradient(circle, #252272 8%, #6F7322 89%);

 

HEX #6F7322 sur HEX #722247


Code CSS:

background-image: linear-gradient(135deg, #6F7322 0%, #722247 95%);

 

HEX #6F7322 sur HEX #722247


Code CSS:

background-image: radial-gradient(circle, #6F7322 0%, #722247 94%);

 

HEX #722247 sur HEX #6F7322


Code CSS:

background-image: linear-gradient(135deg, #722247 7%, #6F7322 96%);

 

HEX #722247 sur HEX #6F7322


Code CSS:

background-image: radial-gradient(circle, #722247 13%, #6F7322 87%);

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.