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

✕

CSS Gradients:
RGB 89 194 141

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.

La décomposition de la couleur dans le système de couleurs RGB : dans cette teinte, sur 255 parts de couleurs maximales, respectivement 89 Rouge, 194 Vert et 141 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.
89 194 141 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 54 cyan, pas de magenta, 27 jaune et 24 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.
54% 0% 27% 24% 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 #59C28D sur HEX #A63D72


Code CSS:

background-image: linear-gradient(135deg, #59C28D 3%, #A63D72 96%);

Radial

HEX #59C28D sur HEX #A63D72


Code CSS:

background-image: radial-gradient(circle, #59C28D 13%, #A63D72 98%);

 

HEX #A63D72 sur HEX #59C28D


Code CSS:

background-image: linear-gradient(135deg, #A63D72 1%, #59C28D 87%);

 

HEX #A63D72 sur HEX #59C28D


Code CSS:

background-image: radial-gradient(circle, #A63D72 4%, #59C28D 90%);

Linéaire

HEX #59C28D sur HEX #57C16E


Code CSS:

background-image: linear-gradient(135deg, #59C28D 12%, #57C16E 89%);

Radial

HEX #59C28D sur HEX #57C16E


Code CSS:

background-image: radial-gradient(circle, #59C28D 12%, #57C16E 97%);

 

HEX #57C16E sur HEX #59C28D


Code CSS:

background-image: linear-gradient(135deg, #57C16E 10%, #59C28D 93%);

 

HEX #57C16E sur HEX #59C28D


Code CSS:

background-image: radial-gradient(circle, #57C16E 10%, #59C28D 99%);

 

HEX #59C28D sur HEX #57C18A


Code CSS:

background-image: linear-gradient(135deg, #59C28D 14%, #57C18A 87%);

 

HEX #59C28D sur HEX #57C18A


Code CSS:

background-image: radial-gradient(circle, #59C28D 1%, #57C18A 86%);

 

HEX #57C18A sur HEX #59C28D


Code CSS:

background-image: linear-gradient(135deg, #57C18A 7%, #59C28D 94%);

 

HEX #57C18A sur HEX #59C28D


Code CSS:

background-image: radial-gradient(circle, #57C18A 5%, #59C28D 98%);

 

HEX #59C28D sur HEX #57C1A6


Code CSS:

background-image: linear-gradient(135deg, #59C28D 12%, #57C1A6 95%);

 

HEX #59C28D sur HEX #57C1A6


Code CSS:

background-image: radial-gradient(circle, #59C28D 5%, #57C1A6 89%);

 

HEX #57C1A6 sur HEX #59C28D


Code CSS:

background-image: linear-gradient(135deg, #57C1A6 3%, #59C28D 91%);

 

HEX #57C1A6 sur HEX #59C28D


Code CSS:

background-image: radial-gradient(circle, #57C1A6 1%, #59C28D 96%);

 

HEX #59C28D sur HEX #57BFC1


Code CSS:

background-image: linear-gradient(135deg, #59C28D 10%, #57BFC1 87%);

 

HEX #59C28D sur HEX #57BFC1


Code CSS:

background-image: radial-gradient(circle, #59C28D 0%, #57BFC1 91%);

 

HEX #57BFC1 sur HEX #59C28D


Code CSS:

background-image: linear-gradient(135deg, #57BFC1 1%, #59C28D 86%);

 

HEX #57BFC1 sur HEX #59C28D


Code CSS:

background-image: radial-gradient(circle, #57BFC1 0%, #59C28D 95%);

Linéaire

HEX #59C28D sur HEX #40AE77


Code CSS:

background-image: linear-gradient(135deg, #59C28D 9%, #40AE77 86%);

Radial

HEX #59C28D sur HEX #40AE77


Code CSS:

background-image: radial-gradient(circle, #59C28D 7%, #40AE77 92%);

 

HEX #40AE77 sur HEX #59C28D


Code CSS:

background-image: linear-gradient(135deg, #40AE77 4%, #59C28D 96%);

 

HEX #40AE77 sur HEX #59C28D


Code CSS:

background-image: radial-gradient(circle, #40AE77 5%, #59C28D 89%);

 

HEX #59C28D sur HEX #57C18B


Code CSS:

background-image: linear-gradient(135deg, #59C28D 3%, #57C18B 92%);

 

HEX #59C28D sur HEX #57C18B


Code CSS:

background-image: radial-gradient(circle, #59C28D 8%, #57C18B 94%);

 

HEX #57C18B sur HEX #59C28D


Code CSS:

background-image: linear-gradient(135deg, #57C18B 0%, #59C28D 96%);

 

HEX #57C18B sur HEX #59C28D


Code CSS:

background-image: radial-gradient(circle, #57C18B 13%, #59C28D 100%);

 

HEX #59C28D sur HEX #75CCA0


Code CSS:

background-image: linear-gradient(135deg, #59C28D 11%, #75CCA0 89%);

 

HEX #59C28D sur HEX #75CCA0


Code CSS:

background-image: radial-gradient(circle, #59C28D 13%, #75CCA0 94%);

 

HEX #75CCA0 sur HEX #59C28D


Code CSS:

background-image: linear-gradient(135deg, #75CCA0 10%, #59C28D 96%);

 

HEX #75CCA0 sur HEX #59C28D


Code CSS:

background-image: radial-gradient(circle, #75CCA0 3%, #59C28D 87%);

 

HEX #59C28D sur HEX #93D7B5


Code CSS:

background-image: linear-gradient(135deg, #59C28D 8%, #93D7B5 89%);

 

HEX #59C28D sur HEX #93D7B5


Code CSS:

background-image: radial-gradient(circle, #59C28D 11%, #93D7B5 97%);

 

HEX #93D7B5 sur HEX #59C28D


Code CSS:

background-image: linear-gradient(135deg, #93D7B5 9%, #59C28D 99%);

 

HEX #93D7B5 sur HEX #59C28D


Code CSS:

background-image: radial-gradient(circle, #93D7B5 3%, #59C28D 92%);

Linéaire

HEX #59C28D sur HEX #57C16E


Code CSS:

background-image: linear-gradient(135deg, #59C28D 7%, #57C16E 96%);

Radial

HEX #59C28D sur HEX #57C16E


Code CSS:

background-image: radial-gradient(circle, #59C28D 10%, #57C16E 98%);

 

HEX #57C16E sur HEX #59C28D


Code CSS:

background-image: linear-gradient(135deg, #57C16E 6%, #59C28D 100%);

 

HEX #57C16E sur HEX #59C28D


Code CSS:

background-image: radial-gradient(circle, #57C16E 9%, #59C28D 96%);

 

HEX #59C28D sur HEX #57C18A


Code CSS:

background-image: linear-gradient(135deg, #59C28D 4%, #57C18A 100%);

 

HEX #59C28D sur HEX #57C18A


Code CSS:

background-image: radial-gradient(circle, #59C28D 6%, #57C18A 100%);

 

HEX #57C18A sur HEX #59C28D


Code CSS:

background-image: linear-gradient(135deg, #57C18A 14%, #59C28D 89%);

 

HEX #57C18A sur HEX #59C28D


Code CSS:

background-image: radial-gradient(circle, #57C18A 14%, #59C28D 98%);

 

HEX #59C28D sur HEX #57C1A6


Code CSS:

background-image: linear-gradient(135deg, #59C28D 1%, #57C1A6 87%);

 

HEX #59C28D sur HEX #57C1A6


Code CSS:

background-image: radial-gradient(circle, #59C28D 2%, #57C1A6 87%);

 

HEX #57C1A6 sur HEX #59C28D


Code CSS:

background-image: linear-gradient(135deg, #57C1A6 13%, #59C28D 93%);

 

HEX #57C1A6 sur HEX #59C28D


Code CSS:

background-image: radial-gradient(circle, #57C1A6 1%, #59C28D 95%);

 

HEX #59C28D sur HEX #57BFC1


Code CSS:

background-image: linear-gradient(135deg, #59C28D 8%, #57BFC1 90%);

 

HEX #59C28D sur HEX #57BFC1


Code CSS:

background-image: radial-gradient(circle, #59C28D 8%, #57BFC1 88%);

 

HEX #57BFC1 sur HEX #59C28D


Code CSS:

background-image: linear-gradient(135deg, #57BFC1 0%, #59C28D 100%);

 

HEX #57BFC1 sur HEX #59C28D


Code CSS:

background-image: radial-gradient(circle, #57BFC1 2%, #59C28D 89%);

Linéaire

HEX #59C28D sur HEX #40AE77


Code CSS:

background-image: linear-gradient(135deg, #59C28D 13%, #40AE77 96%);

Radial

HEX #59C28D sur HEX #40AE77


Code CSS:

background-image: radial-gradient(circle, #59C28D 0%, #40AE77 90%);

 

HEX #40AE77 sur HEX #59C28D


Code CSS:

background-image: linear-gradient(135deg, #40AE77 11%, #59C28D 89%);

 

HEX #40AE77 sur HEX #59C28D


Code CSS:

background-image: radial-gradient(circle, #40AE77 12%, #59C28D 98%);

 

HEX #59C28D sur HEX #57C18B


Code CSS:

background-image: linear-gradient(135deg, #59C28D 8%, #57C18B 88%);

 

HEX #59C28D sur HEX #57C18B


Code CSS:

background-image: radial-gradient(circle, #59C28D 6%, #57C18B 97%);

 

HEX #57C18B sur HEX #59C28D


Code CSS:

background-image: linear-gradient(135deg, #57C18B 1%, #59C28D 91%);

 

HEX #57C18B sur HEX #59C28D


Code CSS:

background-image: radial-gradient(circle, #57C18B 9%, #59C28D 98%);

 

HEX #59C28D sur HEX #75CCA0


Code CSS:

background-image: linear-gradient(135deg, #59C28D 6%, #75CCA0 93%);

 

HEX #59C28D sur HEX #75CCA0


Code CSS:

background-image: radial-gradient(circle, #59C28D 11%, #75CCA0 97%);

 

HEX #75CCA0 sur HEX #59C28D


Code CSS:

background-image: linear-gradient(135deg, #75CCA0 13%, #59C28D 98%);

 

HEX #75CCA0 sur HEX #59C28D


Code CSS:

background-image: radial-gradient(circle, #75CCA0 1%, #59C28D 86%);

 

HEX #59C28D sur HEX #93D7B5


Code CSS:

background-image: linear-gradient(135deg, #59C28D 3%, #93D7B5 94%);

 

HEX #59C28D sur HEX #93D7B5


Code CSS:

background-image: radial-gradient(circle, #59C28D 1%, #93D7B5 92%);

 

HEX #93D7B5 sur HEX #59C28D


Code CSS:

background-image: linear-gradient(135deg, #93D7B5 7%, #59C28D 93%);

 

HEX #93D7B5 sur HEX #59C28D


Code CSS:

background-image: radial-gradient(circle, #93D7B5 0%, #59C28D 92%);

Linéaire

HEX #59C28D sur HEX #5778C1


Code CSS:

background-image: linear-gradient(135deg, #59C28D 13%, #5778C1 94%);

Radial

HEX #59C28D sur HEX #5778C1


Code CSS:

background-image: radial-gradient(circle, #59C28D 11%, #5778C1 89%);

 

HEX #5778C1 sur HEX #59C28D


Code CSS:

background-image: linear-gradient(135deg, #5778C1 11%, #59C28D 93%);

 

HEX #5778C1 sur HEX #59C28D


Code CSS:

background-image: radial-gradient(circle, #5778C1 11%, #59C28D 96%);

 

HEX #59C28D sur HEX #C16057


Code CSS:

background-image: linear-gradient(135deg, #59C28D 1%, #C16057 89%);

 

HEX #59C28D sur HEX #C16057


Code CSS:

background-image: radial-gradient(circle, #59C28D 14%, #C16057 93%);

 

HEX #C16057 sur HEX #59C28D


Code CSS:

background-image: linear-gradient(135deg, #C16057 8%, #59C28D 89%);

 

HEX #C16057 sur HEX #59C28D


Code CSS:

background-image: radial-gradient(circle, #C16057 13%, #59C28D 96%);

Linéaire

HEX #59C28D sur HEX #8A57C1


Code CSS:

background-image: linear-gradient(135deg, #59C28D 8%, #8A57C1 88%);

Radial

HEX #59C28D sur HEX #8A57C1


Code CSS:

background-image: radial-gradient(circle, #59C28D 14%, #8A57C1 95%);

 

HEX #8A57C1 sur HEX #59C28D


Code CSS:

background-image: linear-gradient(135deg, #8A57C1 13%, #59C28D 96%);

 

HEX #8A57C1 sur HEX #59C28D


Code CSS:

background-image: radial-gradient(circle, #8A57C1 8%, #59C28D 88%);

 

HEX #59C28D sur HEX #C18A57


Code CSS:

background-image: linear-gradient(135deg, #59C28D 0%, #C18A57 100%);

 

HEX #59C28D sur HEX #C18A57


Code CSS:

background-image: radial-gradient(circle, #59C28D 9%, #C18A57 98%);

 

HEX #C18A57 sur HEX #59C28D


Code CSS:

background-image: linear-gradient(135deg, #C18A57 1%, #59C28D 96%);

 

HEX #C18A57 sur HEX #59C28D


Code CSS:

background-image: radial-gradient(circle, #C18A57 9%, #59C28D 89%);

Linéaire

HEX #59C28D sur HEX #5778C1


Code CSS:

background-image: linear-gradient(135deg, #59C28D 12%, #5778C1 90%);

Radial

HEX #59C28D sur HEX #5778C1


Code CSS:

background-image: radial-gradient(circle, #59C28D 7%, #5778C1 89%);

 

HEX #5778C1 sur HEX #59C28D


Code CSS:

background-image: linear-gradient(135deg, #5778C1 4%, #59C28D 89%);

 

HEX #5778C1 sur HEX #59C28D


Code CSS:

background-image: radial-gradient(circle, #5778C1 0%, #59C28D 88%);

 

HEX #59C28D sur HEX #C1578E


Code CSS:

background-image: linear-gradient(135deg, #59C28D 1%, #C1578E 95%);

 

HEX #59C28D sur HEX #C1578E


Code CSS:

background-image: radial-gradient(circle, #59C28D 12%, #C1578E 86%);

 

HEX #C1578E sur HEX #59C28D


Code CSS:

background-image: linear-gradient(135deg, #C1578E 12%, #59C28D 97%);

 

HEX #C1578E sur HEX #59C28D


Code CSS:

background-image: radial-gradient(circle, #C1578E 3%, #59C28D 86%);

 

HEX #59C28D sur HEX #C19F57


Code CSS:

background-image: linear-gradient(135deg, #59C28D 7%, #C19F57 87%);

 

HEX #59C28D sur HEX #C19F57


Code CSS:

background-image: radial-gradient(circle, #59C28D 13%, #C19F57 95%);

 

HEX #C19F57 sur HEX #59C28D


Code CSS:

background-image: linear-gradient(135deg, #C19F57 6%, #59C28D 89%);

 

HEX #C19F57 sur HEX #59C28D


Code CSS:

background-image: radial-gradient(circle, #C19F57 7%, #59C28D 100%);

Linéaire

HEX #59C28D sur HEX #5759C1


Code CSS:

background-image: linear-gradient(135deg, #59C28D 8%, #5759C1 97%);

Radial

HEX #59C28D sur HEX #5759C1


Code CSS:

background-image: radial-gradient(circle, #59C28D 8%, #5759C1 97%);

 

HEX #5759C1 sur HEX #59C28D


Code CSS:

background-image: linear-gradient(135deg, #5759C1 7%, #59C28D 98%);

 

HEX #5759C1 sur HEX #59C28D


Code CSS:

background-image: radial-gradient(circle, #5759C1 10%, #59C28D 93%);

 

HEX #59C28D sur HEX #C1578E


Code CSS:

background-image: linear-gradient(135deg, #59C28D 4%, #C1578E 97%);

 

HEX #59C28D sur HEX #C1578E


Code CSS:

background-image: radial-gradient(circle, #59C28D 9%, #C1578E 99%);

 

HEX #C1578E sur HEX #59C28D


Code CSS:

background-image: linear-gradient(135deg, #C1578E 8%, #59C28D 90%);

 

HEX #C1578E sur HEX #59C28D


Code CSS:

background-image: radial-gradient(circle, #C1578E 3%, #59C28D 97%);

 

HEX #59C28D sur HEX #C1BF57


Code CSS:

background-image: linear-gradient(135deg, #59C28D 7%, #C1BF57 95%);

 

HEX #59C28D sur HEX #C1BF57


Code CSS:

background-image: radial-gradient(circle, #59C28D 8%, #C1BF57 100%);

 

HEX #C1BF57 sur HEX #59C28D


Code CSS:

background-image: linear-gradient(135deg, #C1BF57 10%, #59C28D 91%);

 

HEX #C1BF57 sur HEX #59C28D


Code CSS:

background-image: radial-gradient(circle, #C1BF57 1%, #59C28D 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
Icons

CMYK en HEX

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

CMYK en RGB

convertir de CMYK cyan / magenta / jaune / key sur RGB rouge vert bleu
Icons

CMYK en RAL®

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

CMYK en HKS®

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

CMYK en PANTONE®

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

CMYK en Sherwin Williams®

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

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 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 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 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 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 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
nsc-logo

NCS® en RGB

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

NCS® en CMYK

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

Icons
nsc-logo

NCS® en HEX

convertir de Numéro NCS (S0000-X00X) sur #RRGGBB
nsc-logo

NCS® en RAL®

convertir de Numéro NCS (S0000-X00X) sur Numéro RAL® (RAL 0000)
nsc-logo

NCS® en HKS®

convertir de Numéro NCS (S0000-X00X) sur Numéro HKS® (HKS 00)
nsc-logo

NCS® en PANTONE®

convertir de Numéro NCS (S0000-X00X) sur Numéro Pantone® (Pantone 0000)
nsc-logo

NCS® en Sherwin Williams®

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

Codes

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.

© 2019-2025 in cooperation ND-DESIGN.WORKS & frag-bobby.de