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

✕

CSS Gradients:
#5EAD19

Information

ferme tous les

Dégradé de 2 couleurs - Couleur complémentaire

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

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

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

Dégradé de 2 couleurs - Teintes plus claires

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

Trouve des exemples de transitions linéaires et radiales de Teintes plus claires.

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

Dégradé de 2 couleurs - Teintes plus foncées

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

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

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

Options d'affichage

Description

Comme les valeurs chromatiques sont relativement faibles par rapport aux autres, cette teinte nous semble plus sombre.

La décomposition de la couleur dans le système de couleurs RGB : dans cette teinte, sur 255 parts de couleurs maximales, respectivement 94 Rouge, 173 Vert et 25 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.

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 46 cyan, pas de magenta, 86 jaune et 32 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.

Vérification de leur palette de couleurs en tant que fabricant !

Offrez aux designers et aux agences des valeurs chromatiques précises.

Dégradé de 2 couleurs de #5EAD19 - Couleur complémentaire

Linéaire

HEX #5EAD19 sur HEX #A152E6

Code CSS:

background-image: linear-gradient(135deg, #5EAD19 14%, #A152E6 99%);

Radial

HEX #5EAD19 sur HEX #A152E6

Code CSS:

background-image: radial-gradient(circle, #5EAD19 8%, #A152E6 86%);

HEX #A152E6 sur HEX #5EAD19

Code CSS:

background-image: linear-gradient(135deg, #A152E6 8%, #5EAD19 95%);

HEX #A152E6 sur HEX #5EAD19

Code CSS:

background-image: radial-gradient(circle, #A152E6 10%, #5EAD19 98%);

Dégradé de 2 couleurs de #5EAD19 - Teintes plus claires

Linéaire

HEX #5EAD19 sur HEX #86AE18

Code CSS:

background-image: linear-gradient(135deg, #5EAD19 13%, #86AE18 96%);

Radial

HEX #5EAD19 sur HEX #86AE18

Code CSS:

background-image: radial-gradient(circle, #5EAD19 0%, #86AE18 97%);

HEX #86AE18 sur HEX #5EAD19

Code CSS:

background-image: linear-gradient(135deg, #86AE18 14%, #5EAD19 95%);

HEX #86AE18 sur HEX #5EAD19

Code CSS:

background-image: radial-gradient(circle, #86AE18 13%, #5EAD19 94%);

HEX #5EAD19 sur HEX #5EAE18

Code CSS:

background-image: linear-gradient(135deg, #5EAD19 12%, #5EAE18 98%);

HEX #5EAD19 sur HEX #5EAE18

Code CSS:

background-image: radial-gradient(circle, #5EAD19 8%, #5EAE18 90%);

HEX #5EAE18 sur HEX #5EAD19

Code CSS:

background-image: linear-gradient(135deg, #5EAE18 7%, #5EAD19 100%);

HEX #5EAE18 sur HEX #5EAD19

Code CSS:

background-image: radial-gradient(circle, #5EAE18 11%, #5EAD19 94%);

HEX #5EAD19 sur HEX #36AE18

Code CSS:

background-image: linear-gradient(135deg, #5EAD19 11%, #36AE18 96%);

HEX #5EAD19 sur HEX #36AE18

Code CSS:

background-image: radial-gradient(circle, #5EAD19 5%, #36AE18 95%);

HEX #36AE18 sur HEX #5EAD19

Code CSS:

background-image: linear-gradient(135deg, #36AE18 0%, #5EAD19 87%);

HEX #36AE18 sur HEX #5EAD19

Code CSS:

background-image: radial-gradient(circle, #36AE18 11%, #5EAD19 87%);

HEX #5EAD19 sur HEX #18AE22

Code CSS:

background-image: linear-gradient(135deg, #5EAD19 9%, #18AE22 88%);

HEX #5EAD19 sur HEX #18AE22

Code CSS:

background-image: radial-gradient(circle, #5EAD19 3%, #18AE22 91%);

HEX #18AE22 sur HEX #5EAD19

Code CSS:

background-image: linear-gradient(135deg, #18AE22 13%, #5EAD19 96%);

HEX #18AE22 sur HEX #5EAD19

Code CSS:

background-image: radial-gradient(circle, #18AE22 4%, #5EAD19 100%);

Dégradé de 2 couleurs de #5EAD19 - Teintes plus foncées

Linéaire

HEX #5EAD19 sur HEX #4A8913

Code CSS:

background-image: linear-gradient(135deg, #5EAD19 2%, #4A8913 90%);

Radial

HEX #5EAD19 sur HEX #4A8913

Code CSS:

background-image: radial-gradient(circle, #5EAD19 14%, #4A8913 92%);

HEX #4A8913 sur HEX #5EAD19

Code CSS:

background-image: linear-gradient(135deg, #4A8913 2%, #5EAD19 90%);

HEX #4A8913 sur HEX #5EAD19

Code CSS:

background-image: radial-gradient(circle, #4A8913 10%, #5EAD19 94%);

HEX #5EAD19 sur HEX #5EAE18

Code CSS:

background-image: linear-gradient(135deg, #5EAD19 0%, #5EAE18 100%);

HEX #5EAD19 sur HEX #5EAE18

Code CSS:

background-image: radial-gradient(circle, #5EAD19 3%, #5EAE18 86%);

HEX #5EAE18 sur HEX #5EAD19

Code CSS:

background-image: linear-gradient(135deg, #5EAE18 5%, #5EAD19 89%);

HEX #5EAE18 sur HEX #5EAD19

Code CSS:

background-image: radial-gradient(circle, #5EAE18 0%, #5EAD19 87%);

HEX #5EAD19 sur HEX #71D21E

Code CSS:

background-image: linear-gradient(135deg, #5EAD19 7%, #71D21E 89%);

HEX #5EAD19 sur HEX #71D21E

Code CSS:

background-image: radial-gradient(circle, #5EAD19 12%, #71D21E 95%);

HEX #71D21E sur HEX #5EAD19

Code CSS:

background-image: linear-gradient(135deg, #71D21E 9%, #5EAD19 94%);

HEX #71D21E sur HEX #5EAD19

Code CSS:

background-image: radial-gradient(circle, #71D21E 10%, #5EAD19 92%);

HEX #5EAD19 sur HEX #86E236

Code CSS:

background-image: linear-gradient(135deg, #5EAD19 12%, #86E236 95%);

HEX #5EAD19 sur HEX #86E236

Code CSS:

background-image: radial-gradient(circle, #5EAD19 2%, #86E236 88%);

HEX #86E236 sur HEX #5EAD19

Code CSS:

background-image: linear-gradient(135deg, #86E236 3%, #5EAD19 99%);

HEX #86E236 sur HEX #5EAD19

Code CSS:

background-image: radial-gradient(circle, #86E236 7%, #5EAD19 92%);

Dégradé de 2 couleurs de #5EAD19 - Couleurs analogiques

Linéaire

HEX #5EAD19 sur HEX #86AE18

Code CSS:

background-image: linear-gradient(135deg, #5EAD19 13%, #86AE18 100%);

Radial

HEX #5EAD19 sur HEX #86AE18

Code CSS:

background-image: radial-gradient(circle, #5EAD19 10%, #86AE18 97%);

HEX #86AE18 sur HEX #5EAD19

Code CSS:

background-image: linear-gradient(135deg, #86AE18 4%, #5EAD19 89%);

HEX #86AE18 sur HEX #5EAD19

Code CSS:

background-image: radial-gradient(circle, #86AE18 8%, #5EAD19 87%);

HEX #5EAD19 sur HEX #5EAE18

Code CSS:

background-image: linear-gradient(135deg, #5EAD19 6%, #5EAE18 90%);

HEX #5EAD19 sur HEX #5EAE18

Code CSS:

background-image: radial-gradient(circle, #5EAD19 4%, #5EAE18 99%);

HEX #5EAE18 sur HEX #5EAD19

Code CSS:

background-image: linear-gradient(135deg, #5EAE18 5%, #5EAD19 86%);

HEX #5EAE18 sur HEX #5EAD19

Code CSS:

background-image: radial-gradient(circle, #5EAE18 7%, #5EAD19 90%);

HEX #5EAD19 sur HEX #36AE18

Code CSS:

background-image: linear-gradient(135deg, #5EAD19 7%, #36AE18 90%);

HEX #5EAD19 sur HEX #36AE18

Code CSS:

background-image: radial-gradient(circle, #5EAD19 7%, #36AE18 89%);

HEX #36AE18 sur HEX #5EAD19

Code CSS:

background-image: linear-gradient(135deg, #36AE18 9%, #5EAD19 93%);

HEX #36AE18 sur HEX #5EAD19

Code CSS:

background-image: radial-gradient(circle, #36AE18 8%, #5EAD19 100%);

HEX #5EAD19 sur HEX #18AE22

Code CSS:

background-image: linear-gradient(135deg, #5EAD19 13%, #18AE22 99%);

HEX #5EAD19 sur HEX #18AE22

Code CSS:

background-image: radial-gradient(circle, #5EAD19 13%, #18AE22 93%);

HEX #18AE22 sur HEX #5EAD19

Code CSS:

background-image: linear-gradient(135deg, #18AE22 3%, #5EAD19 99%);

HEX #18AE22 sur HEX #5EAD19

Code CSS:

background-image: radial-gradient(circle, #18AE22 4%, #5EAD19 91%);

Dégradé de 2 couleurs de #5EAD19 - Couleurs monochromatiques

Linéaire

HEX #5EAD19 sur HEX #4A8913

Code CSS:

background-image: linear-gradient(135deg, #5EAD19 5%, #4A8913 100%);

Radial

HEX #5EAD19 sur HEX #4A8913

Code CSS:

background-image: radial-gradient(circle, #5EAD19 8%, #4A8913 95%);

HEX #4A8913 sur HEX #5EAD19

Code CSS:

background-image: linear-gradient(135deg, #4A8913 7%, #5EAD19 95%);

HEX #4A8913 sur HEX #5EAD19

Code CSS:

background-image: radial-gradient(circle, #4A8913 8%, #5EAD19 88%);

HEX #5EAD19 sur HEX #5EAE18

Code CSS:

background-image: linear-gradient(135deg, #5EAD19 10%, #5EAE18 98%);

HEX #5EAD19 sur HEX #5EAE18

Code CSS:

background-image: radial-gradient(circle, #5EAD19 1%, #5EAE18 89%);

HEX #5EAE18 sur HEX #5EAD19

Code CSS:

background-image: linear-gradient(135deg, #5EAE18 8%, #5EAD19 100%);

HEX #5EAE18 sur HEX #5EAD19

Code CSS:

background-image: radial-gradient(circle, #5EAE18 6%, #5EAD19 98%);

HEX #5EAD19 sur HEX #71D21E

Code CSS:

background-image: linear-gradient(135deg, #5EAD19 3%, #71D21E 89%);

HEX #5EAD19 sur HEX #71D21E

Code CSS:

background-image: radial-gradient(circle, #5EAD19 13%, #71D21E 98%);

HEX #71D21E sur HEX #5EAD19

Code CSS:

background-image: linear-gradient(135deg, #71D21E 4%, #5EAD19 93%);

HEX #71D21E sur HEX #5EAD19

Code CSS:

background-image: radial-gradient(circle, #71D21E 5%, #5EAD19 96%);

HEX #5EAD19 sur HEX #86E236

Code CSS:

background-image: linear-gradient(135deg, #5EAD19 8%, #86E236 99%);

HEX #5EAD19 sur HEX #86E236

Code CSS:

background-image: radial-gradient(circle, #5EAD19 8%, #86E236 96%);

HEX #86E236 sur HEX #5EAD19

Code CSS:

background-image: linear-gradient(135deg, #86E236 5%, #5EAD19 95%);

HEX #86E236 sur HEX #5EAD19

Code CSS:

background-image: radial-gradient(circle, #86E236 13%, #5EAD19 88%);

Dégradé de 2 couleurs de #5EAD19 - Sous-complémentaire Couleurs

Linéaire

HEX #5EAD19 sur HEX #18AE86

Code CSS:

background-image: linear-gradient(135deg, #5EAD19 1%, #18AE86 99%);

Radial

HEX #5EAD19 sur HEX #18AE86

Code CSS:

background-image: radial-gradient(circle, #5EAD19 0%, #18AE86 99%);

HEX #18AE86 sur HEX #5EAD19

Code CSS:

background-image: linear-gradient(135deg, #18AE86 14%, #5EAD19 88%);

HEX #18AE86 sur HEX #5EAD19

Code CSS:

background-image: radial-gradient(circle, #18AE86 13%, #5EAD19 87%);

HEX #5EAD19 sur HEX #AE189A

Code CSS:

background-image: linear-gradient(135deg, #5EAD19 4%, #AE189A 94%);

HEX #5EAD19 sur HEX #AE189A

Code CSS:

background-image: radial-gradient(circle, #5EAD19 14%, #AE189A 93%);

HEX #AE189A sur HEX #5EAD19

Code CSS:

background-image: linear-gradient(135deg, #AE189A 5%, #5EAD19 97%);

HEX #AE189A sur HEX #5EAD19

Code CSS:

background-image: radial-gradient(circle, #AE189A 4%, #5EAD19 97%);

Dégradé de 2 couleurs de #5EAD19 - Couleurs triadiques

Linéaire

HEX #5EAD19 sur HEX #185EAE

Code CSS:

background-image: linear-gradient(135deg, #5EAD19 8%, #185EAE 95%);

Radial

HEX #5EAD19 sur HEX #185EAE

Code CSS:

background-image: radial-gradient(circle, #5EAD19 4%, #185EAE 90%);

HEX #185EAE sur HEX #5EAD19

Code CSS:

background-image: linear-gradient(135deg, #185EAE 4%, #5EAD19 90%);

HEX #185EAE sur HEX #5EAD19

Code CSS:

background-image: radial-gradient(circle, #185EAE 9%, #5EAD19 89%);

HEX #5EAD19 sur HEX #AE185E

Code CSS:

background-image: linear-gradient(135deg, #5EAD19 6%, #AE185E 90%);

HEX #5EAD19 sur HEX #AE185E

Code CSS:

background-image: radial-gradient(circle, #5EAD19 10%, #AE185E 93%);

HEX #AE185E sur HEX #5EAD19

Code CSS:

background-image: linear-gradient(135deg, #AE185E 11%, #5EAD19 86%);

HEX #AE185E sur HEX #5EAD19

Code CSS:

background-image: radial-gradient(circle, #AE185E 7%, #5EAD19 99%);

Dégradé de 2 couleurs de #5EAD19 - Couleurs rectangulaires (tétraédriques)

Linéaire

HEX #5EAD19 sur HEX #18AE86

Code CSS:

background-image: linear-gradient(135deg, #5EAD19 6%, #18AE86 96%);

Radial

HEX #5EAD19 sur HEX #18AE86

Code CSS:

background-image: radial-gradient(circle, #5EAD19 7%, #18AE86 94%);

HEX #18AE86 sur HEX #5EAD19

Code CSS:

background-image: linear-gradient(135deg, #18AE86 1%, #5EAD19 99%);

HEX #18AE86 sur HEX #5EAD19

Code CSS:

background-image: radial-gradient(circle, #18AE86 14%, #5EAD19 91%);

HEX #5EAD19 sur HEX #6818AE

Code CSS:

background-image: linear-gradient(135deg, #5EAD19 13%, #6818AE 86%);

HEX #5EAD19 sur HEX #6818AE

Code CSS:

background-image: radial-gradient(circle, #5EAD19 1%, #6818AE 91%);

HEX #6818AE sur HEX #5EAD19

Code CSS:

background-image: linear-gradient(135deg, #6818AE 1%, #5EAD19 92%);

HEX #6818AE sur HEX #5EAD19

Code CSS:

background-image: radial-gradient(circle, #6818AE 12%, #5EAD19 96%);

HEX #5EAD19 sur HEX #AE1840

Code CSS:

background-image: linear-gradient(135deg, #5EAD19 12%, #AE1840 87%);

HEX #5EAD19 sur HEX #AE1840

Code CSS:

background-image: radial-gradient(circle, #5EAD19 11%, #AE1840 97%);

HEX #AE1840 sur HEX #5EAD19

Code CSS:

background-image: linear-gradient(135deg, #AE1840 12%, #5EAD19 91%);

HEX #AE1840 sur HEX #5EAD19

Code CSS:

background-image: radial-gradient(circle, #AE1840 4%, #5EAD19 86%);

Dégradé de 2 couleurs de #5EAD19 - Couleurs carrées

Linéaire

HEX #5EAD19 sur HEX #18A9AE

Code CSS:

background-image: linear-gradient(135deg, #5EAD19 3%, #18A9AE 96%);

Radial

HEX #5EAD19 sur HEX #18A9AE

Code CSS:

background-image: radial-gradient(circle, #5EAD19 13%, #18A9AE 95%);

HEX #18A9AE sur HEX #5EAD19

Code CSS:

background-image: linear-gradient(135deg, #18A9AE 8%, #5EAD19 98%);

HEX #18A9AE sur HEX #5EAD19

Code CSS:

background-image: radial-gradient(circle, #18A9AE 13%, #5EAD19 100%);

HEX #5EAD19 sur HEX #6818AE

Code CSS:

background-image: linear-gradient(135deg, #5EAD19 1%, #6818AE 90%);

HEX #5EAD19 sur HEX #6818AE

Code CSS:

background-image: radial-gradient(circle, #5EAD19 13%, #6818AE 88%);

HEX #6818AE sur HEX #5EAD19

Code CSS:

background-image: linear-gradient(135deg, #6818AE 7%, #5EAD19 87%);

HEX #6818AE sur HEX #5EAD19

Code CSS:

background-image: radial-gradient(circle, #6818AE 5%, #5EAD19 87%);

HEX #5EAD19 sur HEX #AE1D18

Code CSS:

background-image: linear-gradient(135deg, #5EAD19 13%, #AE1D18 98%);

HEX #5EAD19 sur HEX #AE1D18

Code CSS:

background-image: radial-gradient(circle, #5EAD19 0%, #AE1D18 96%);

HEX #AE1D18 sur HEX #5EAD19

Code CSS:

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

HEX #AE1D18 sur HEX #5EAD19

Code CSS:

background-image: radial-gradient(circle, #AE1D18 5%, #5EAD19 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

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)

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 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)

HEX en RGB

convertir de #RRGGBB sur RGB rouge vert bleu

HEX en CMYK

convertir de #RRGGBB sur CMYK cyan / magenta / jaune / key

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)

RAL® en RGB

convertir de Numéro RAL® (RAL 0000) sur RGB rouge vert bleu

RAL® en CMYK

convertir de Numéro RAL® (RAL 0000) sur CMYK cyan / magenta / jaune / key

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)

HKS® en RGB

convertir de Numéro HKS® (HKS 00) sur RGB rouge vert bleu

HKS® en CMYK

convertir de Numéro HKS® (HKS 00) sur CMYK cyan / magenta / jaune / key

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)

PANTONE® en RGB

convertir de Numéro Pantone® (Pantone 0000) sur RGB rouge vert bleu

PANTONE® en CMYK

convertir de Numéro Pantone® (Pantone 0000) sur CMYK cyan / magenta / jaune / key

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)

Sherwin Williams® en RGB

convertir de Sherwin Williams® numéro (SW 0000) sur RGB rouge vert bleu

Sherwin Williams® en CMYK

convertir de Sherwin Williams® numéro (SW 0000) sur CMYK cyan / magenta / jaune / key

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)

NCS® en RGB

convertir de Numéro NCS (S0000-X00X) sur RGB rouge vert bleu

NCS® en CMYK

convertir de Numéro NCS (S0000-X00X) sur CMYK cyan / magenta / jaune / key

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)

NCS® en Sherwin Williams®

convertir de Numéro NCS (S0000-X00X) sur Sherwin Williams® numéro (SW 0000)

Codes

Pour pouvoir enregistrer des palettes de couleurs, tu dois être connecté.

Se connecter à ton 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.

Public

Annuler Partager

Palette de couleurs partagée
Veuillez copier et enregistrer le lien que vous souhaitez.

Partager

Voir

OK, j'ai copié les liens

Tes couleurs sont enregistrées dans une nouvelle palette de couleurs.
Vois-la sous ton profil.
Tu peux la personnaliser davantage et la partager.

Afficher la palette de couleurs

Créer une palette de couleurs

TéléchargerTélécharger dans différents formats

En cliquant sur , tu peux créer des palettes et télécharger les nuanciers.