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

CSS Gradients:
#EEDC82

Information

ferme tous les

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.

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.

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 élevées par rapport aux autres, cette teinte nous semble plus claire. Elle est aussi appelée LightGoldenrod2.

La décomposition de la couleur dans le système de couleurs RGB : dans cette teinte, sur 255 parts de couleurs maximales, respectivement 238 Rouge, 220 Vert et 130 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.
238 220 130 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, 8 magenta, 45 jaune et 7 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% 8% 45% 7% 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 #EEDC82 sur HEX #11237D


Code CSS:

background-image: linear-gradient(135deg, #EEDC82 7%, #11237D 98%);

Radial

HEX #EEDC82 sur HEX #11237D


Code CSS:

background-image: radial-gradient(circle, #EEDC82 11%, #11237D 90%);

 

HEX #11237D sur HEX #EEDC82


Code CSS:

background-image: linear-gradient(135deg, #11237D 14%, #EEDC82 100%);

 

HEX #11237D sur HEX #EEDC82


Code CSS:

background-image: radial-gradient(circle, #11237D 5%, #EEDC82 91%);

Linéaire

HEX #EEDC82 sur HEX #FFEE90


Code CSS:

background-image: linear-gradient(135deg, #EEDC82 3%, #FFEE90 97%);

Radial

HEX #EEDC82 sur HEX #FFEE90


Code CSS:

background-image: radial-gradient(circle, #EEDC82 9%, #FFEE90 93%);

 

HEX #FFEE90 sur HEX #EEDC82


Code CSS:

background-image: linear-gradient(135deg, #FFEE90 6%, #EEDC82 86%);

 

HEX #FFEE90 sur HEX #EEDC82


Code CSS:

background-image: radial-gradient(circle, #FFEE90 14%, #EEDC82 90%);

 

HEX #EEDC82 sur HEX #FFFFA3


Code CSS:

background-image: linear-gradient(135deg, #EEDC82 8%, #FFFFA3 87%);

 

HEX #EEDC82 sur HEX #FFFFA3


Code CSS:

background-image: radial-gradient(circle, #EEDC82 13%, #FFFFA3 94%);

 

HEX #FFFFA3 sur HEX #EEDC82


Code CSS:

background-image: linear-gradient(135deg, #FFFFA3 4%, #EEDC82 88%);

 

HEX #FFFFA3 sur HEX #EEDC82


Code CSS:

background-image: radial-gradient(circle, #FFFFA3 12%, #EEDC82 98%);

 

HEX #EEDC82 sur HEX #FFFFB6


Code CSS:

background-image: linear-gradient(135deg, #EEDC82 10%, #FFFFB6 97%);

 

HEX #EEDC82 sur HEX #FFFFB6


Code CSS:

background-image: radial-gradient(circle, #EEDC82 0%, #FFFFB6 90%);

 

HEX #FFFFB6 sur HEX #EEDC82


Code CSS:

background-image: linear-gradient(135deg, #FFFFB6 3%, #EEDC82 88%);

 

HEX #FFFFB6 sur HEX #EEDC82


Code CSS:

background-image: radial-gradient(circle, #FFFFB6 1%, #EEDC82 96%);

 

HEX #EEDC82 sur HEX #FFFFC9


Code CSS:

background-image: linear-gradient(135deg, #EEDC82 0%, #FFFFC9 88%);

 

HEX #EEDC82 sur HEX #FFFFC9


Code CSS:

background-image: radial-gradient(circle, #EEDC82 7%, #FFFFC9 88%);

 

HEX #FFFFC9 sur HEX #EEDC82


Code CSS:

background-image: linear-gradient(135deg, #FFFFC9 12%, #EEDC82 87%);

 

HEX #FFFFC9 sur HEX #EEDC82


Code CSS:

background-image: radial-gradient(circle, #FFFFC9 14%, #EEDC82 89%);

Linéaire

HEX #EEDC82 sur HEX #DDCA6F


Code CSS:

background-image: linear-gradient(135deg, #EEDC82 14%, #DDCA6F 98%);

Radial

HEX #EEDC82 sur HEX #DDCA6F


Code CSS:

background-image: radial-gradient(circle, #EEDC82 9%, #DDCA6F 92%);

 

HEX #DDCA6F sur HEX #EEDC82


Code CSS:

background-image: linear-gradient(135deg, #DDCA6F 6%, #EEDC82 89%);

 

HEX #DDCA6F sur HEX #EEDC82


Code CSS:

background-image: radial-gradient(circle, #DDCA6F 5%, #EEDC82 87%);

 

HEX #EEDC82 sur HEX #CCB85C


Code CSS:

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

 

HEX #EEDC82 sur HEX #CCB85C


Code CSS:

background-image: radial-gradient(circle, #EEDC82 9%, #CCB85C 87%);

 

HEX #CCB85C sur HEX #EEDC82


Code CSS:

background-image: linear-gradient(135deg, #CCB85C 13%, #EEDC82 98%);

 

HEX #CCB85C sur HEX #EEDC82


Code CSS:

background-image: radial-gradient(circle, #CCB85C 13%, #EEDC82 86%);

 

HEX #EEDC82 sur HEX #BBA649


Code CSS:

background-image: linear-gradient(135deg, #EEDC82 9%, #BBA649 87%);

 

HEX #EEDC82 sur HEX #BBA649


Code CSS:

background-image: radial-gradient(circle, #EEDC82 10%, #BBA649 90%);

 

HEX #BBA649 sur HEX #EEDC82


Code CSS:

background-image: linear-gradient(135deg, #BBA649 10%, #EEDC82 86%);

 

HEX #BBA649 sur HEX #EEDC82


Code CSS:

background-image: radial-gradient(circle, #BBA649 13%, #EEDC82 95%);

 

HEX #EEDC82 sur HEX #AA9436


Code CSS:

background-image: linear-gradient(135deg, #EEDC82 12%, #AA9436 100%);

 

HEX #EEDC82 sur HEX #AA9436


Code CSS:

background-image: radial-gradient(circle, #EEDC82 7%, #AA9436 96%);

 

HEX #AA9436 sur HEX #EEDC82


Code CSS:

background-image: linear-gradient(135deg, #AA9436 7%, #EEDC82 100%);

 

HEX #AA9436 sur HEX #EEDC82


Code CSS:

background-image: radial-gradient(circle, #AA9436 8%, #EEDC82 86%);

Linéaire

HEX #EEDC82 sur HEX #EDED81


Code CSS:

background-image: linear-gradient(135deg, #EEDC82 12%, #EDED81 91%);

Radial

HEX #EEDC82 sur HEX #EDED81


Code CSS:

background-image: radial-gradient(circle, #EEDC82 12%, #EDED81 94%);

 

HEX #EDED81 sur HEX #EEDC82


Code CSS:

background-image: linear-gradient(135deg, #EDED81 3%, #EEDC82 90%);

 

HEX #EDED81 sur HEX #EEDC82


Code CSS:

background-image: radial-gradient(circle, #EDED81 12%, #EEDC82 94%);

 

HEX #EEDC82 sur HEX #DBED81


Code CSS:

background-image: linear-gradient(135deg, #EEDC82 0%, #DBED81 95%);

 

HEX #EEDC82 sur HEX #DBED81


Code CSS:

background-image: radial-gradient(circle, #EEDC82 3%, #DBED81 98%);

 

HEX #DBED81 sur HEX #EEDC82


Code CSS:

background-image: linear-gradient(135deg, #DBED81 6%, #EEDC82 87%);

 

HEX #DBED81 sur HEX #EEDC82


Code CSS:

background-image: radial-gradient(circle, #DBED81 12%, #EEDC82 90%);

 

HEX #EEDC82 sur HEX #C9ED81


Code CSS:

background-image: linear-gradient(135deg, #EEDC82 5%, #C9ED81 98%);

 

HEX #EEDC82 sur HEX #C9ED81


Code CSS:

background-image: radial-gradient(circle, #EEDC82 8%, #C9ED81 96%);

 

HEX #C9ED81 sur HEX #EEDC82


Code CSS:

background-image: linear-gradient(135deg, #C9ED81 6%, #EEDC82 99%);

 

HEX #C9ED81 sur HEX #EEDC82


Code CSS:

background-image: radial-gradient(circle, #C9ED81 4%, #EEDC82 88%);

 

HEX #EEDC82 sur HEX #B7ED81


Code CSS:

background-image: linear-gradient(135deg, #EEDC82 5%, #B7ED81 92%);

 

HEX #EEDC82 sur HEX #B7ED81


Code CSS:

background-image: radial-gradient(circle, #EEDC82 2%, #B7ED81 100%);

 

HEX #B7ED81 sur HEX #EEDC82


Code CSS:

background-image: linear-gradient(135deg, #B7ED81 5%, #EEDC82 98%);

 

HEX #B7ED81 sur HEX #EEDC82


Code CSS:

background-image: radial-gradient(circle, #B7ED81 7%, #EEDC82 87%);

Linéaire

HEX #EEDC82 sur HEX #221F13


Code CSS:

background-image: linear-gradient(135deg, #EEDC82 14%, #221F13 98%);

Radial

HEX #EEDC82 sur HEX #221F13


Code CSS:

background-image: radial-gradient(circle, #EEDC82 11%, #221F13 99%);

 

HEX #221F13 sur HEX #EEDC82


Code CSS:

background-image: linear-gradient(135deg, #221F13 4%, #EEDC82 87%);

 

HEX #221F13 sur HEX #EEDC82


Code CSS:

background-image: radial-gradient(circle, #221F13 1%, #EEDC82 98%);

 

HEX #EEDC82 sur HEX #554F2E


Code CSS:

background-image: linear-gradient(135deg, #EEDC82 7%, #554F2E 93%);

 

HEX #EEDC82 sur HEX #554F2E


Code CSS:

background-image: radial-gradient(circle, #EEDC82 5%, #554F2E 94%);

 

HEX #554F2E sur HEX #EEDC82


Code CSS:

background-image: linear-gradient(135deg, #554F2E 14%, #EEDC82 93%);

 

HEX #554F2E sur HEX #EEDC82


Code CSS:

background-image: radial-gradient(circle, #554F2E 12%, #EEDC82 86%);

 

HEX #EEDC82 sur HEX #887E4A


Code CSS:

background-image: linear-gradient(135deg, #EEDC82 13%, #887E4A 87%);

 

HEX #EEDC82 sur HEX #887E4A


Code CSS:

background-image: radial-gradient(circle, #EEDC82 10%, #887E4A 100%);

 

HEX #887E4A sur HEX #EEDC82


Code CSS:

background-image: linear-gradient(135deg, #887E4A 12%, #EEDC82 87%);

 

HEX #887E4A sur HEX #EEDC82


Code CSS:

background-image: radial-gradient(circle, #887E4A 6%, #EEDC82 98%);

 

HEX #EEDC82 sur HEX #BBAD66


Code CSS:

background-image: linear-gradient(135deg, #EEDC82 11%, #BBAD66 90%);

 

HEX #EEDC82 sur HEX #BBAD66


Code CSS:

background-image: radial-gradient(circle, #EEDC82 2%, #BBAD66 95%);

 

HEX #BBAD66 sur HEX #EEDC82


Code CSS:

background-image: linear-gradient(135deg, #BBAD66 6%, #EEDC82 98%);

 

HEX #BBAD66 sur HEX #EEDC82


Code CSS:

background-image: radial-gradient(circle, #BBAD66 11%, #EEDC82 95%);

Linéaire

HEX #EEDC82 sur HEX #81ED84


Code CSS:

background-image: linear-gradient(135deg, #EEDC82 13%, #81ED84 91%);

Radial

HEX #EEDC82 sur HEX #81ED84


Code CSS:

background-image: radial-gradient(circle, #EEDC82 1%, #81ED84 98%);

 

HEX #81ED84 sur HEX #EEDC82


Code CSS:

background-image: linear-gradient(135deg, #81ED84 10%, #EEDC82 100%);

 

HEX #81ED84 sur HEX #EEDC82


Code CSS:

background-image: radial-gradient(circle, #81ED84 2%, #EEDC82 88%);

 

HEX #EEDC82 sur HEX #B081ED


Code CSS:

background-image: linear-gradient(135deg, #EEDC82 10%, #B081ED 86%);

 

HEX #EEDC82 sur HEX #B081ED


Code CSS:

background-image: radial-gradient(circle, #EEDC82 8%, #B081ED 100%);

 

HEX #B081ED sur HEX #EEDC82


Code CSS:

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

 

HEX #B081ED sur HEX #EEDC82


Code CSS:

background-image: radial-gradient(circle, #B081ED 10%, #EEDC82 99%);

Linéaire

HEX #EEDC82 sur HEX #81EDDB


Code CSS:

background-image: linear-gradient(135deg, #EEDC82 11%, #81EDDB 99%);

Radial

HEX #EEDC82 sur HEX #81EDDB


Code CSS:

background-image: radial-gradient(circle, #EEDC82 5%, #81EDDB 93%);

 

HEX #81EDDB sur HEX #EEDC82


Code CSS:

background-image: linear-gradient(135deg, #81EDDB 3%, #EEDC82 99%);

 

HEX #81EDDB sur HEX #EEDC82


Code CSS:

background-image: radial-gradient(circle, #81EDDB 5%, #EEDC82 88%);

 

HEX #EEDC82 sur HEX #DB81ED


Code CSS:

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

 

HEX #EEDC82 sur HEX #DB81ED


Code CSS:

background-image: radial-gradient(circle, #EEDC82 4%, #DB81ED 88%);

 

HEX #DB81ED sur HEX #EEDC82


Code CSS:

background-image: linear-gradient(135deg, #DB81ED 10%, #EEDC82 92%);

 

HEX #DB81ED sur HEX #EEDC82


Code CSS:

background-image: radial-gradient(circle, #DB81ED 6%, #EEDC82 93%);

Linéaire

HEX #EEDC82 sur HEX #81ED84


Code CSS:

background-image: linear-gradient(135deg, #EEDC82 11%, #81ED84 92%);

Radial

HEX #EEDC82 sur HEX #81ED84


Code CSS:

background-image: radial-gradient(circle, #EEDC82 0%, #81ED84 89%);

 

HEX #81ED84 sur HEX #EEDC82


Code CSS:

background-image: linear-gradient(135deg, #81ED84 2%, #EEDC82 97%);

 

HEX #81ED84 sur HEX #EEDC82


Code CSS:

background-image: radial-gradient(circle, #81ED84 0%, #EEDC82 97%);

 

HEX #EEDC82 sur HEX #8193ED


Code CSS:

background-image: linear-gradient(135deg, #EEDC82 14%, #8193ED 91%);

 

HEX #EEDC82 sur HEX #8193ED


Code CSS:

background-image: radial-gradient(circle, #EEDC82 6%, #8193ED 100%);

 

HEX #8193ED sur HEX #EEDC82


Code CSS:

background-image: linear-gradient(135deg, #8193ED 12%, #EEDC82 95%);

 

HEX #8193ED sur HEX #EEDC82


Code CSS:

background-image: radial-gradient(circle, #8193ED 6%, #EEDC82 98%);

 

HEX #EEDC82 sur HEX #ED81EA


Code CSS:

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

 

HEX #EEDC82 sur HEX #ED81EA


Code CSS:

background-image: radial-gradient(circle, #EEDC82 11%, #ED81EA 96%);

 

HEX #ED81EA sur HEX #EEDC82


Code CSS:

background-image: linear-gradient(135deg, #ED81EA 4%, #EEDC82 88%);

 

HEX #ED81EA sur HEX #EEDC82


Code CSS:

background-image: radial-gradient(circle, #ED81EA 12%, #EEDC82 95%);

Linéaire

HEX #EEDC82 sur HEX #81EDA5


Code CSS:

background-image: linear-gradient(135deg, #EEDC82 8%, #81EDA5 90%);

Radial

HEX #EEDC82 sur HEX #81EDA5


Code CSS:

background-image: radial-gradient(circle, #EEDC82 13%, #81EDA5 86%);

 

HEX #81EDA5 sur HEX #EEDC82


Code CSS:

background-image: linear-gradient(135deg, #81EDA5 13%, #EEDC82 95%);

 

HEX #81EDA5 sur HEX #EEDC82


Code CSS:

background-image: radial-gradient(circle, #81EDA5 2%, #EEDC82 99%);

 

HEX #EEDC82 sur HEX #8193ED


Code CSS:

background-image: linear-gradient(135deg, #EEDC82 14%, #8193ED 99%);

 

HEX #EEDC82 sur HEX #8193ED


Code CSS:

background-image: radial-gradient(circle, #EEDC82 1%, #8193ED 94%);

 

HEX #8193ED sur HEX #EEDC82


Code CSS:

background-image: linear-gradient(135deg, #8193ED 3%, #EEDC82 89%);

 

HEX #8193ED sur HEX #EEDC82


Code CSS:

background-image: radial-gradient(circle, #8193ED 14%, #EEDC82 95%);

 

HEX #EEDC82 sur HEX #ED81C9


Code CSS:

background-image: linear-gradient(135deg, #EEDC82 8%, #ED81C9 88%);

 

HEX #EEDC82 sur HEX #ED81C9


Code CSS:

background-image: radial-gradient(circle, #EEDC82 11%, #ED81C9 98%);

 

HEX #ED81C9 sur HEX #EEDC82


Code CSS:

background-image: linear-gradient(135deg, #ED81C9 4%, #EEDC82 100%);

 

HEX #ED81C9 sur HEX #EEDC82


Code CSS:

background-image: radial-gradient(circle, #ED81C9 3%, #EEDC82 86%);

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)

To be able to save color palettes, you must be logged in.

Sign in to your account

or

Create an account

Current color palette Share
Should it be public or private?
Link(s) will follow after sharing.

Cancel Share

Color palette shared
Please copy and save the link you want.

Share

OK, I have copied the links

Your colors will be saved in a new color palette.
View it under your profile.
You can further customize it, and share it.

Show color palette
Close

Create a color palette

DownloadDownload in different formats

Remove All

By clicking you can create palettes and download the color swatches.