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

CSS Gradients:
#1FAC59

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 31 Rouge, 172 Vert et 89 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.
31 172 89 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 82 cyan, pas de magenta, 48 jaune et 33 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.
82% 0% 48% 33% 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 #1FAC59 sur HEX #E053A6


Code CSS:

background-image: linear-gradient(135deg, #1FAC59 8%, #E053A6 100%);

Radial

HEX #1FAC59 sur HEX #E053A6


Code CSS:

background-image: radial-gradient(circle, #1FAC59 14%, #E053A6 96%);

 

HEX #E053A6 sur HEX #1FAC59


Code CSS:

background-image: linear-gradient(135deg, #E053A6 3%, #1FAC59 100%);

 

HEX #E053A6 sur HEX #1FAC59


Code CSS:

background-image: radial-gradient(circle, #E053A6 1%, #1FAC59 96%);

Linéaire

HEX #1FAC59 sur HEX #20AC32


Code CSS:

background-image: linear-gradient(135deg, #1FAC59 10%, #20AC32 93%);

Radial

HEX #1FAC59 sur HEX #20AC32


Code CSS:

background-image: radial-gradient(circle, #1FAC59 10%, #20AC32 90%);

 

HEX #20AC32 sur HEX #1FAC59


Code CSS:

background-image: linear-gradient(135deg, #20AC32 0%, #1FAC59 96%);

 

HEX #20AC32 sur HEX #1FAC59


Code CSS:

background-image: radial-gradient(circle, #20AC32 4%, #1FAC59 99%);

 

HEX #1FAC59 sur HEX #20AC58


Code CSS:

background-image: linear-gradient(135deg, #1FAC59 6%, #20AC58 91%);

 

HEX #1FAC59 sur HEX #20AC58


Code CSS:

background-image: radial-gradient(circle, #1FAC59 12%, #20AC58 88%);

 

HEX #20AC58 sur HEX #1FAC59


Code CSS:

background-image: linear-gradient(135deg, #20AC58 12%, #1FAC59 96%);

 

HEX #20AC58 sur HEX #1FAC59


Code CSS:

background-image: radial-gradient(circle, #20AC58 14%, #1FAC59 95%);

 

HEX #1FAC59 sur HEX #20AC7D


Code CSS:

background-image: linear-gradient(135deg, #1FAC59 7%, #20AC7D 95%);

 

HEX #1FAC59 sur HEX #20AC7D


Code CSS:

background-image: radial-gradient(circle, #1FAC59 10%, #20AC7D 97%);

 

HEX #20AC7D sur HEX #1FAC59


Code CSS:

background-image: linear-gradient(135deg, #20AC7D 6%, #1FAC59 95%);

 

HEX #20AC7D sur HEX #1FAC59


Code CSS:

background-image: radial-gradient(circle, #20AC7D 3%, #1FAC59 95%);

 

HEX #1FAC59 sur HEX #20ACA3


Code CSS:

background-image: linear-gradient(135deg, #1FAC59 4%, #20ACA3 99%);

 

HEX #1FAC59 sur HEX #20ACA3


Code CSS:

background-image: radial-gradient(circle, #1FAC59 4%, #20ACA3 93%);

 

HEX #20ACA3 sur HEX #1FAC59


Code CSS:

background-image: linear-gradient(135deg, #20ACA3 11%, #1FAC59 97%);

 

HEX #20ACA3 sur HEX #1FAC59


Code CSS:

background-image: radial-gradient(circle, #20ACA3 2%, #1FAC59 100%);

Linéaire

HEX #1FAC59 sur HEX #198A47


Code CSS:

background-image: linear-gradient(135deg, #1FAC59 11%, #198A47 86%);

Radial

HEX #1FAC59 sur HEX #198A47


Code CSS:

background-image: radial-gradient(circle, #1FAC59 4%, #198A47 98%);

 

HEX #198A47 sur HEX #1FAC59


Code CSS:

background-image: linear-gradient(135deg, #198A47 4%, #1FAC59 99%);

 

HEX #198A47 sur HEX #1FAC59


Code CSS:

background-image: radial-gradient(circle, #198A47 11%, #1FAC59 88%);

 

HEX #1FAC59 sur HEX #20AC5A


Code CSS:

background-image: linear-gradient(135deg, #1FAC59 14%, #20AC5A 97%);

 

HEX #1FAC59 sur HEX #20AC5A


Code CSS:

background-image: radial-gradient(circle, #1FAC59 12%, #20AC5A 96%);

 

HEX #20AC5A sur HEX #1FAC59


Code CSS:

background-image: linear-gradient(135deg, #20AC5A 13%, #1FAC59 89%);

 

HEX #20AC5A sur HEX #1FAC59


Code CSS:

background-image: radial-gradient(circle, #20AC5A 6%, #1FAC59 88%);

 

HEX #1FAC59 sur HEX #26CF6C


Code CSS:

background-image: linear-gradient(135deg, #1FAC59 11%, #26CF6C 99%);

 

HEX #1FAC59 sur HEX #26CF6C


Code CSS:

background-image: radial-gradient(circle, #1FAC59 10%, #26CF6C 87%);

 

HEX #26CF6C sur HEX #1FAC59


Code CSS:

background-image: linear-gradient(135deg, #26CF6C 1%, #1FAC59 86%);

 

HEX #26CF6C sur HEX #1FAC59


Code CSS:

background-image: radial-gradient(circle, #26CF6C 9%, #1FAC59 93%);

 

HEX #1FAC59 sur HEX #42DC82


Code CSS:

background-image: linear-gradient(135deg, #1FAC59 4%, #42DC82 89%);

 

HEX #1FAC59 sur HEX #42DC82


Code CSS:

background-image: radial-gradient(circle, #1FAC59 1%, #42DC82 86%);

 

HEX #42DC82 sur HEX #1FAC59


Code CSS:

background-image: linear-gradient(135deg, #42DC82 7%, #1FAC59 95%);

 

HEX #42DC82 sur HEX #1FAC59


Code CSS:

background-image: radial-gradient(circle, #42DC82 4%, #1FAC59 94%);

Linéaire

HEX #1FAC59 sur HEX #20AC32


Code CSS:

background-image: linear-gradient(135deg, #1FAC59 5%, #20AC32 97%);

Radial

HEX #1FAC59 sur HEX #20AC32


Code CSS:

background-image: radial-gradient(circle, #1FAC59 12%, #20AC32 100%);

 

HEX #20AC32 sur HEX #1FAC59


Code CSS:

background-image: linear-gradient(135deg, #20AC32 10%, #1FAC59 100%);

 

HEX #20AC32 sur HEX #1FAC59


Code CSS:

background-image: radial-gradient(circle, #20AC32 14%, #1FAC59 95%);

 

HEX #1FAC59 sur HEX #20AC58


Code CSS:

background-image: linear-gradient(135deg, #1FAC59 10%, #20AC58 94%);

 

HEX #1FAC59 sur HEX #20AC58


Code CSS:

background-image: radial-gradient(circle, #1FAC59 0%, #20AC58 97%);

 

HEX #20AC58 sur HEX #1FAC59


Code CSS:

background-image: linear-gradient(135deg, #20AC58 9%, #1FAC59 97%);

 

HEX #20AC58 sur HEX #1FAC59


Code CSS:

background-image: radial-gradient(circle, #20AC58 9%, #1FAC59 98%);

 

HEX #1FAC59 sur HEX #20AC7D


Code CSS:

background-image: linear-gradient(135deg, #1FAC59 7%, #20AC7D 87%);

 

HEX #1FAC59 sur HEX #20AC7D


Code CSS:

background-image: radial-gradient(circle, #1FAC59 4%, #20AC7D 89%);

 

HEX #20AC7D sur HEX #1FAC59


Code CSS:

background-image: linear-gradient(135deg, #20AC7D 11%, #1FAC59 95%);

 

HEX #20AC7D sur HEX #1FAC59


Code CSS:

background-image: radial-gradient(circle, #20AC7D 14%, #1FAC59 98%);

 

HEX #1FAC59 sur HEX #20ACA3


Code CSS:

background-image: linear-gradient(135deg, #1FAC59 12%, #20ACA3 97%);

 

HEX #1FAC59 sur HEX #20ACA3


Code CSS:

background-image: radial-gradient(circle, #1FAC59 11%, #20ACA3 97%);

 

HEX #20ACA3 sur HEX #1FAC59


Code CSS:

background-image: linear-gradient(135deg, #20ACA3 12%, #1FAC59 99%);

 

HEX #20ACA3 sur HEX #1FAC59


Code CSS:

background-image: radial-gradient(circle, #20ACA3 0%, #1FAC59 88%);

Linéaire

HEX #1FAC59 sur HEX #198A47


Code CSS:

background-image: linear-gradient(135deg, #1FAC59 3%, #198A47 92%);

Radial

HEX #1FAC59 sur HEX #198A47


Code CSS:

background-image: radial-gradient(circle, #1FAC59 4%, #198A47 89%);

 

HEX #198A47 sur HEX #1FAC59


Code CSS:

background-image: linear-gradient(135deg, #198A47 12%, #1FAC59 89%);

 

HEX #198A47 sur HEX #1FAC59


Code CSS:

background-image: radial-gradient(circle, #198A47 1%, #1FAC59 88%);

 

HEX #1FAC59 sur HEX #20AC5A


Code CSS:

background-image: linear-gradient(135deg, #1FAC59 9%, #20AC5A 94%);

 

HEX #1FAC59 sur HEX #20AC5A


Code CSS:

background-image: radial-gradient(circle, #1FAC59 6%, #20AC5A 90%);

 

HEX #20AC5A sur HEX #1FAC59


Code CSS:

background-image: linear-gradient(135deg, #20AC5A 3%, #1FAC59 88%);

 

HEX #20AC5A sur HEX #1FAC59


Code CSS:

background-image: radial-gradient(circle, #20AC5A 9%, #1FAC59 87%);

 

HEX #1FAC59 sur HEX #26CF6C


Code CSS:

background-image: linear-gradient(135deg, #1FAC59 10%, #26CF6C 90%);

 

HEX #1FAC59 sur HEX #26CF6C


Code CSS:

background-image: radial-gradient(circle, #1FAC59 8%, #26CF6C 91%);

 

HEX #26CF6C sur HEX #1FAC59


Code CSS:

background-image: linear-gradient(135deg, #26CF6C 9%, #1FAC59 91%);

 

HEX #26CF6C sur HEX #1FAC59


Code CSS:

background-image: radial-gradient(circle, #26CF6C 8%, #1FAC59 91%);

 

HEX #1FAC59 sur HEX #42DC82


Code CSS:

background-image: linear-gradient(135deg, #1FAC59 3%, #42DC82 100%);

 

HEX #1FAC59 sur HEX #42DC82


Code CSS:

background-image: radial-gradient(circle, #1FAC59 10%, #42DC82 98%);

 

HEX #42DC82 sur HEX #1FAC59


Code CSS:

background-image: linear-gradient(135deg, #42DC82 5%, #1FAC59 86%);

 

HEX #42DC82 sur HEX #1FAC59


Code CSS:

background-image: radial-gradient(circle, #42DC82 8%, #1FAC59 92%);

Linéaire

HEX #1FAC59 sur HEX #2058AC


Code CSS:

background-image: linear-gradient(135deg, #1FAC59 13%, #2058AC 88%);

Radial

HEX #1FAC59 sur HEX #2058AC


Code CSS:

background-image: radial-gradient(circle, #1FAC59 13%, #2058AC 90%);

 

HEX #2058AC sur HEX #1FAC59


Code CSS:

background-image: linear-gradient(135deg, #2058AC 5%, #1FAC59 98%);

 

HEX #2058AC sur HEX #1FAC59


Code CSS:

background-image: radial-gradient(circle, #2058AC 6%, #1FAC59 91%);

 

HEX #1FAC59 sur HEX #AC2020


Code CSS:

background-image: linear-gradient(135deg, #1FAC59 1%, #AC2020 87%);

 

HEX #1FAC59 sur HEX #AC2020


Code CSS:

background-image: radial-gradient(circle, #1FAC59 13%, #AC2020 88%);

 

HEX #AC2020 sur HEX #1FAC59


Code CSS:

background-image: linear-gradient(135deg, #AC2020 8%, #1FAC59 89%);

 

HEX #AC2020 sur HEX #1FAC59


Code CSS:

background-image: radial-gradient(circle, #AC2020 3%, #1FAC59 94%);

Linéaire

HEX #1FAC59 sur HEX #5820AC


Code CSS:

background-image: linear-gradient(135deg, #1FAC59 8%, #5820AC 97%);

Radial

HEX #1FAC59 sur HEX #5820AC


Code CSS:

background-image: radial-gradient(circle, #1FAC59 6%, #5820AC 91%);

 

HEX #5820AC sur HEX #1FAC59


Code CSS:

background-image: linear-gradient(135deg, #5820AC 11%, #1FAC59 87%);

 

HEX #5820AC sur HEX #1FAC59


Code CSS:

background-image: radial-gradient(circle, #5820AC 6%, #1FAC59 86%);

 

HEX #1FAC59 sur HEX #AC5820


Code CSS:

background-image: linear-gradient(135deg, #1FAC59 10%, #AC5820 98%);

 

HEX #1FAC59 sur HEX #AC5820


Code CSS:

background-image: radial-gradient(circle, #1FAC59 10%, #AC5820 92%);

 

HEX #AC5820 sur HEX #1FAC59


Code CSS:

background-image: linear-gradient(135deg, #AC5820 1%, #1FAC59 100%);

 

HEX #AC5820 sur HEX #1FAC59


Code CSS:

background-image: radial-gradient(circle, #AC5820 10%, #1FAC59 95%);

Linéaire

HEX #1FAC59 sur HEX #2058AC


Code CSS:

background-image: linear-gradient(135deg, #1FAC59 6%, #2058AC 87%);

Radial

HEX #1FAC59 sur HEX #2058AC


Code CSS:

background-image: radial-gradient(circle, #1FAC59 10%, #2058AC 95%);

 

HEX #2058AC sur HEX #1FAC59


Code CSS:

background-image: linear-gradient(135deg, #2058AC 10%, #1FAC59 87%);

 

HEX #2058AC sur HEX #1FAC59


Code CSS:

background-image: radial-gradient(circle, #2058AC 13%, #1FAC59 97%);

 

HEX #1FAC59 sur HEX #AC2074


Code CSS:

background-image: linear-gradient(135deg, #1FAC59 4%, #AC2074 92%);

 

HEX #1FAC59 sur HEX #AC2074


Code CSS:

background-image: radial-gradient(circle, #1FAC59 3%, #AC2074 88%);

 

HEX #AC2074 sur HEX #1FAC59


Code CSS:

background-image: linear-gradient(135deg, #AC2074 10%, #1FAC59 93%);

 

HEX #AC2074 sur HEX #1FAC59


Code CSS:

background-image: radial-gradient(circle, #AC2074 11%, #1FAC59 97%);

 

HEX #1FAC59 sur HEX #AC7420


Code CSS:

background-image: linear-gradient(135deg, #1FAC59 14%, #AC7420 94%);

 

HEX #1FAC59 sur HEX #AC7420


Code CSS:

background-image: radial-gradient(circle, #1FAC59 7%, #AC7420 92%);

 

HEX #AC7420 sur HEX #1FAC59


Code CSS:

background-image: linear-gradient(135deg, #AC7420 5%, #1FAC59 91%);

 

HEX #AC7420 sur HEX #1FAC59


Code CSS:

background-image: radial-gradient(circle, #AC7420 5%, #1FAC59 100%);

Linéaire

HEX #1FAC59 sur HEX #202EAC


Code CSS:

background-image: linear-gradient(135deg, #1FAC59 12%, #202EAC 87%);

Radial

HEX #1FAC59 sur HEX #202EAC


Code CSS:

background-image: radial-gradient(circle, #1FAC59 8%, #202EAC 100%);

 

HEX #202EAC sur HEX #1FAC59


Code CSS:

background-image: linear-gradient(135deg, #202EAC 10%, #1FAC59 95%);

 

HEX #202EAC sur HEX #1FAC59


Code CSS:

background-image: radial-gradient(circle, #202EAC 6%, #1FAC59 98%);

 

HEX #1FAC59 sur HEX #AC2074


Code CSS:

background-image: linear-gradient(135deg, #1FAC59 7%, #AC2074 89%);

 

HEX #1FAC59 sur HEX #AC2074


Code CSS:

background-image: radial-gradient(circle, #1FAC59 1%, #AC2074 97%);

 

HEX #AC2074 sur HEX #1FAC59


Code CSS:

background-image: linear-gradient(135deg, #AC2074 9%, #1FAC59 98%);

 

HEX #AC2074 sur HEX #1FAC59


Code CSS:

background-image: radial-gradient(circle, #AC2074 12%, #1FAC59 92%);

 

HEX #1FAC59 sur HEX #AC9E20


Code CSS:

background-image: linear-gradient(135deg, #1FAC59 10%, #AC9E20 97%);

 

HEX #1FAC59 sur HEX #AC9E20


Code CSS:

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

 

HEX #AC9E20 sur HEX #1FAC59


Code CSS:

background-image: linear-gradient(135deg, #AC9E20 10%, #1FAC59 87%);

 

HEX #AC9E20 sur HEX #1FAC59


Code CSS:

background-image: radial-gradient(circle, #AC9E20 12%, #1FAC59 90%);

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.