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

CSS Gradients:
#C9C107

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

Le rouge et le vert dominent nettement cette teinte : les valeurs du rouge et du vert sont supérieures à celles du bleu. Couleur claire : des valeurs de couleur élevées créent une impression de clarté.

La décomposition de la couleur dans le système de couleurs RGB : dans cette teinte, sur 255 parts de couleurs maximales, respectivement 201 Rouge, 193 Vert et 7 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.
201 193 7 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, 4 magenta, 97 jaune et 21 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% 4% 97% 21% 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 #C9C107 sur HEX #363EF8


Code CSS:

background-image: linear-gradient(135deg, #C9C107 14%, #363EF8 95%);

Radial

HEX #C9C107 sur HEX #363EF8


Code CSS:

background-image: radial-gradient(circle, #C9C107 12%, #363EF8 96%);

 

HEX #363EF8 sur HEX #C9C107


Code CSS:

background-image: linear-gradient(135deg, #363EF8 11%, #C9C107 90%);

 

HEX #363EF8 sur HEX #C9C107


Code CSS:

background-image: radial-gradient(circle, #363EF8 8%, #C9C107 93%);

Linéaire

HEX #C9C107 sur HEX #CA8C07


Code CSS:

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

Radial

HEX #C9C107 sur HEX #CA8C07


Code CSS:

background-image: radial-gradient(circle, #C9C107 3%, #CA8C07 100%);

 

HEX #CA8C07 sur HEX #C9C107


Code CSS:

background-image: linear-gradient(135deg, #CA8C07 10%, #C9C107 94%);

 

HEX #CA8C07 sur HEX #C9C107


Code CSS:

background-image: radial-gradient(circle, #CA8C07 3%, #C9C107 88%);

 

HEX #C9C107 sur HEX #CAC007


Code CSS:

background-image: linear-gradient(135deg, #C9C107 2%, #CAC007 88%);

 

HEX #C9C107 sur HEX #CAC007


Code CSS:

background-image: radial-gradient(circle, #C9C107 9%, #CAC007 94%);

 

HEX #CAC007 sur HEX #C9C107


Code CSS:

background-image: linear-gradient(135deg, #CAC007 0%, #C9C107 90%);

 

HEX #CAC007 sur HEX #C9C107


Code CSS:

background-image: radial-gradient(circle, #CAC007 12%, #C9C107 91%);

 

HEX #C9C107 sur HEX #A0CA07


Code CSS:

background-image: linear-gradient(135deg, #C9C107 4%, #A0CA07 90%);

 

HEX #C9C107 sur HEX #A0CA07


Code CSS:

background-image: radial-gradient(circle, #C9C107 6%, #A0CA07 99%);

 

HEX #A0CA07 sur HEX #C9C107


Code CSS:

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

 

HEX #A0CA07 sur HEX #C9C107


Code CSS:

background-image: radial-gradient(circle, #A0CA07 3%, #C9C107 90%);

 

HEX #C9C107 sur HEX #6CCA07


Code CSS:

background-image: linear-gradient(135deg, #C9C107 4%, #6CCA07 87%);

 

HEX #C9C107 sur HEX #6CCA07


Code CSS:

background-image: radial-gradient(circle, #C9C107 5%, #6CCA07 86%);

 

HEX #6CCA07 sur HEX #C9C107


Code CSS:

background-image: linear-gradient(135deg, #6CCA07 2%, #C9C107 92%);

 

HEX #6CCA07 sur HEX #C9C107


Code CSS:

background-image: radial-gradient(circle, #6CCA07 4%, #C9C107 94%);

Linéaire

HEX #C9C107 sur HEX #A29C06


Code CSS:

background-image: linear-gradient(135deg, #C9C107 1%, #A29C06 98%);

Radial

HEX #C9C107 sur HEX #A29C06


Code CSS:

background-image: radial-gradient(circle, #C9C107 2%, #A29C06 94%);

 

HEX #A29C06 sur HEX #C9C107


Code CSS:

background-image: linear-gradient(135deg, #A29C06 12%, #C9C107 98%);

 

HEX #A29C06 sur HEX #C9C107


Code CSS:

background-image: radial-gradient(circle, #A29C06 10%, #C9C107 87%);

 

HEX #C9C107 sur HEX #CAC207


Code CSS:

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

 

HEX #C9C107 sur HEX #CAC207


Code CSS:

background-image: radial-gradient(circle, #C9C107 14%, #CAC207 86%);

 

HEX #CAC207 sur HEX #C9C107


Code CSS:

background-image: linear-gradient(135deg, #CAC207 9%, #C9C107 94%);

 

HEX #CAC207 sur HEX #C9C107


Code CSS:

background-image: radial-gradient(circle, #CAC207 10%, #C9C107 89%);

 

HEX #C9C107 sur HEX #F2E809


Code CSS:

background-image: linear-gradient(135deg, #C9C107 4%, #F2E809 93%);

 

HEX #C9C107 sur HEX #F2E809


Code CSS:

background-image: radial-gradient(circle, #C9C107 1%, #F2E809 89%);

 

HEX #F2E809 sur HEX #C9C107


Code CSS:

background-image: linear-gradient(135deg, #F2E809 10%, #C9C107 94%);

 

HEX #F2E809 sur HEX #C9C107


Code CSS:

background-image: radial-gradient(circle, #F2E809 10%, #C9C107 86%);

 

HEX #C9C107 sur HEX #F7EF2C


Code CSS:

background-image: linear-gradient(135deg, #C9C107 3%, #F7EF2C 91%);

 

HEX #C9C107 sur HEX #F7EF2C


Code CSS:

background-image: radial-gradient(circle, #C9C107 14%, #F7EF2C 96%);

 

HEX #F7EF2C sur HEX #C9C107


Code CSS:

background-image: linear-gradient(135deg, #F7EF2C 12%, #C9C107 95%);

 

HEX #F7EF2C sur HEX #C9C107


Code CSS:

background-image: radial-gradient(circle, #F7EF2C 1%, #C9C107 94%);

Linéaire

HEX #C9C107 sur HEX #CA8C07


Code CSS:

background-image: linear-gradient(135deg, #C9C107 9%, #CA8C07 86%);

Radial

HEX #C9C107 sur HEX #CA8C07


Code CSS:

background-image: radial-gradient(circle, #C9C107 1%, #CA8C07 91%);

 

HEX #CA8C07 sur HEX #C9C107


Code CSS:

background-image: linear-gradient(135deg, #CA8C07 8%, #C9C107 89%);

 

HEX #CA8C07 sur HEX #C9C107


Code CSS:

background-image: radial-gradient(circle, #CA8C07 5%, #C9C107 99%);

 

HEX #C9C107 sur HEX #CAC007


Code CSS:

background-image: linear-gradient(135deg, #C9C107 10%, #CAC007 87%);

 

HEX #C9C107 sur HEX #CAC007


Code CSS:

background-image: radial-gradient(circle, #C9C107 14%, #CAC007 87%);

 

HEX #CAC007 sur HEX #C9C107


Code CSS:

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

 

HEX #CAC007 sur HEX #C9C107


Code CSS:

background-image: radial-gradient(circle, #CAC007 9%, #C9C107 100%);

 

HEX #C9C107 sur HEX #A0CA07


Code CSS:

background-image: linear-gradient(135deg, #C9C107 6%, #A0CA07 92%);

 

HEX #C9C107 sur HEX #A0CA07


Code CSS:

background-image: radial-gradient(circle, #C9C107 12%, #A0CA07 98%);

 

HEX #A0CA07 sur HEX #C9C107


Code CSS:

background-image: linear-gradient(135deg, #A0CA07 8%, #C9C107 95%);

 

HEX #A0CA07 sur HEX #C9C107


Code CSS:

background-image: radial-gradient(circle, #A0CA07 7%, #C9C107 90%);

 

HEX #C9C107 sur HEX #6CCA07


Code CSS:

background-image: linear-gradient(135deg, #C9C107 10%, #6CCA07 93%);

 

HEX #C9C107 sur HEX #6CCA07


Code CSS:

background-image: radial-gradient(circle, #C9C107 3%, #6CCA07 98%);

 

HEX #6CCA07 sur HEX #C9C107


Code CSS:

background-image: linear-gradient(135deg, #6CCA07 9%, #C9C107 97%);

 

HEX #6CCA07 sur HEX #C9C107


Code CSS:

background-image: radial-gradient(circle, #6CCA07 11%, #C9C107 88%);

Linéaire

HEX #C9C107 sur HEX #A29C06


Code CSS:

background-image: linear-gradient(135deg, #C9C107 2%, #A29C06 95%);

Radial

HEX #C9C107 sur HEX #A29C06


Code CSS:

background-image: radial-gradient(circle, #C9C107 7%, #A29C06 98%);

 

HEX #A29C06 sur HEX #C9C107


Code CSS:

background-image: linear-gradient(135deg, #A29C06 10%, #C9C107 90%);

 

HEX #A29C06 sur HEX #C9C107


Code CSS:

background-image: radial-gradient(circle, #A29C06 6%, #C9C107 86%);

 

HEX #C9C107 sur HEX #CAC207


Code CSS:

background-image: linear-gradient(135deg, #C9C107 0%, #CAC207 91%);

 

HEX #C9C107 sur HEX #CAC207


Code CSS:

background-image: radial-gradient(circle, #C9C107 4%, #CAC207 98%);

 

HEX #CAC207 sur HEX #C9C107


Code CSS:

background-image: linear-gradient(135deg, #CAC207 5%, #C9C107 93%);

 

HEX #CAC207 sur HEX #C9C107


Code CSS:

background-image: radial-gradient(circle, #CAC207 4%, #C9C107 87%);

 

HEX #C9C107 sur HEX #F2E809


Code CSS:

background-image: linear-gradient(135deg, #C9C107 7%, #F2E809 87%);

 

HEX #C9C107 sur HEX #F2E809


Code CSS:

background-image: radial-gradient(circle, #C9C107 4%, #F2E809 98%);

 

HEX #F2E809 sur HEX #C9C107


Code CSS:

background-image: linear-gradient(135deg, #F2E809 12%, #C9C107 89%);

 

HEX #F2E809 sur HEX #C9C107


Code CSS:

background-image: radial-gradient(circle, #F2E809 13%, #C9C107 98%);

 

HEX #C9C107 sur HEX #F7EF2C


Code CSS:

background-image: linear-gradient(135deg, #C9C107 5%, #F7EF2C 94%);

 

HEX #C9C107 sur HEX #F7EF2C


Code CSS:

background-image: radial-gradient(circle, #C9C107 13%, #F7EF2C 93%);

 

HEX #F7EF2C sur HEX #C9C107


Code CSS:

background-image: linear-gradient(135deg, #F7EF2C 14%, #C9C107 87%);

 

HEX #F7EF2C sur HEX #C9C107


Code CSS:

background-image: radial-gradient(circle, #F7EF2C 7%, #C9C107 99%);

Linéaire

HEX #C9C107 sur HEX #07CA24


Code CSS:

background-image: linear-gradient(135deg, #C9C107 1%, #07CA24 87%);

Radial

HEX #C9C107 sur HEX #07CA24


Code CSS:

background-image: radial-gradient(circle, #C9C107 12%, #07CA24 92%);

 

HEX #07CA24 sur HEX #C9C107


Code CSS:

background-image: linear-gradient(135deg, #07CA24 4%, #C9C107 98%);

 

HEX #07CA24 sur HEX #C9C107


Code CSS:

background-image: radial-gradient(circle, #07CA24 6%, #C9C107 86%);

 

HEX #C9C107 sur HEX #7207CA


Code CSS:

background-image: linear-gradient(135deg, #C9C107 7%, #7207CA 89%);

 

HEX #C9C107 sur HEX #7207CA


Code CSS:

background-image: radial-gradient(circle, #C9C107 6%, #7207CA 90%);

 

HEX #7207CA sur HEX #C9C107


Code CSS:

background-image: linear-gradient(135deg, #7207CA 5%, #C9C107 91%);

 

HEX #7207CA sur HEX #C9C107


Code CSS:

background-image: radial-gradient(circle, #7207CA 14%, #C9C107 87%);

Linéaire

HEX #C9C107 sur HEX #07CAC0


Code CSS:

background-image: linear-gradient(135deg, #C9C107 14%, #07CAC0 95%);

Radial

HEX #C9C107 sur HEX #07CAC0


Code CSS:

background-image: radial-gradient(circle, #C9C107 1%, #07CAC0 88%);

 

HEX #07CAC0 sur HEX #C9C107


Code CSS:

background-image: linear-gradient(135deg, #07CAC0 14%, #C9C107 86%);

 

HEX #07CAC0 sur HEX #C9C107


Code CSS:

background-image: radial-gradient(circle, #07CAC0 11%, #C9C107 97%);

 

HEX #C9C107 sur HEX #C007CA


Code CSS:

background-image: linear-gradient(135deg, #C9C107 4%, #C007CA 97%);

 

HEX #C9C107 sur HEX #C007CA


Code CSS:

background-image: radial-gradient(circle, #C9C107 8%, #C007CA 93%);

 

HEX #C007CA sur HEX #C9C107


Code CSS:

background-image: linear-gradient(135deg, #C007CA 13%, #C9C107 97%);

 

HEX #C007CA sur HEX #C9C107


Code CSS:

background-image: radial-gradient(circle, #C007CA 14%, #C9C107 98%);

Linéaire

HEX #C9C107 sur HEX #07CA24


Code CSS:

background-image: linear-gradient(135deg, #C9C107 0%, #07CA24 87%);

Radial

HEX #C9C107 sur HEX #07CA24


Code CSS:

background-image: radial-gradient(circle, #C9C107 9%, #07CA24 92%);

 

HEX #07CA24 sur HEX #C9C107


Code CSS:

background-image: linear-gradient(135deg, #07CA24 8%, #C9C107 88%);

 

HEX #07CA24 sur HEX #C9C107


Code CSS:

background-image: radial-gradient(circle, #07CA24 0%, #C9C107 95%);

 

HEX #C9C107 sur HEX #0711CA


Code CSS:

background-image: linear-gradient(135deg, #C9C107 3%, #0711CA 99%);

 

HEX #C9C107 sur HEX #0711CA


Code CSS:

background-image: radial-gradient(circle, #C9C107 13%, #0711CA 92%);

 

HEX #0711CA sur HEX #C9C107


Code CSS:

background-image: linear-gradient(135deg, #0711CA 9%, #C9C107 91%);

 

HEX #0711CA sur HEX #C9C107


Code CSS:

background-image: radial-gradient(circle, #0711CA 14%, #C9C107 98%);

 

HEX #C9C107 sur HEX #CA07AD


Code CSS:

background-image: linear-gradient(135deg, #C9C107 14%, #CA07AD 91%);

 

HEX #C9C107 sur HEX #CA07AD


Code CSS:

background-image: radial-gradient(circle, #C9C107 1%, #CA07AD 100%);

 

HEX #CA07AD sur HEX #C9C107


Code CSS:

background-image: linear-gradient(135deg, #CA07AD 3%, #C9C107 86%);

 

HEX #CA07AD sur HEX #C9C107


Code CSS:

background-image: radial-gradient(circle, #CA07AD 10%, #C9C107 87%);

Linéaire

HEX #C9C107 sur HEX #07CA5F


Code CSS:

background-image: linear-gradient(135deg, #C9C107 1%, #07CA5F 100%);

Radial

HEX #C9C107 sur HEX #07CA5F


Code CSS:

background-image: radial-gradient(circle, #C9C107 7%, #07CA5F 87%);

 

HEX #07CA5F sur HEX #C9C107


Code CSS:

background-image: linear-gradient(135deg, #07CA5F 7%, #C9C107 97%);

 

HEX #07CA5F sur HEX #C9C107


Code CSS:

background-image: radial-gradient(circle, #07CA5F 5%, #C9C107 86%);

 

HEX #C9C107 sur HEX #0711CA


Code CSS:

background-image: linear-gradient(135deg, #C9C107 5%, #0711CA 99%);

 

HEX #C9C107 sur HEX #0711CA


Code CSS:

background-image: radial-gradient(circle, #C9C107 6%, #0711CA 99%);

 

HEX #0711CA sur HEX #C9C107


Code CSS:

background-image: linear-gradient(135deg, #0711CA 0%, #C9C107 86%);

 

HEX #0711CA sur HEX #C9C107


Code CSS:

background-image: radial-gradient(circle, #0711CA 6%, #C9C107 90%);

 

HEX #C9C107 sur HEX #CA0772


Code CSS:

background-image: linear-gradient(135deg, #C9C107 12%, #CA0772 86%);

 

HEX #C9C107 sur HEX #CA0772


Code CSS:

background-image: radial-gradient(circle, #C9C107 10%, #CA0772 96%);

 

HEX #CA0772 sur HEX #C9C107


Code CSS:

background-image: linear-gradient(135deg, #CA0772 9%, #C9C107 86%);

 

HEX #CA0772 sur HEX #C9C107


Code CSS:

background-image: radial-gradient(circle, #CA0772 4%, #C9C107 98%);

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.