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

CSS Gradients:
RGB 5 137 80

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 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 5 Rouge, 137 Vert et 80 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.
5 137 80 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 96 cyan, pas de magenta, 42 jaune et 46 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.
96% 0% 42% 46% 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 #058950 sur HEX #FA76AF


Code CSS:

background-image: linear-gradient(135deg, #058950 3%, #FA76AF 92%);

Radial

HEX #058950 sur HEX #FA76AF


Code CSS:

background-image: radial-gradient(circle, #058950 12%, #FA76AF 95%);

 

HEX #FA76AF sur HEX #058950


Code CSS:

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

 

HEX #FA76AF sur HEX #058950


Code CSS:

background-image: radial-gradient(circle, #FA76AF 7%, #058950 95%);

Linéaire

HEX #058950 sur HEX #1B9B5E


Code CSS:

background-image: linear-gradient(135deg, #058950 11%, #1B9B5E 100%);

Radial

HEX #058950 sur HEX #1B9B5E


Code CSS:

background-image: radial-gradient(circle, #058950 5%, #1B9B5E 86%);

 

HEX #1B9B5E sur HEX #058950


Code CSS:

background-image: linear-gradient(135deg, #1B9B5E 6%, #058950 89%);

 

HEX #1B9B5E sur HEX #058950


Code CSS:

background-image: radial-gradient(circle, #1B9B5E 12%, #058950 100%);

 

HEX #058950 sur HEX #2CAD71


Code CSS:

background-image: linear-gradient(135deg, #058950 9%, #2CAD71 96%);

 

HEX #058950 sur HEX #2CAD71


Code CSS:

background-image: radial-gradient(circle, #058950 3%, #2CAD71 88%);

 

HEX #2CAD71 sur HEX #058950


Code CSS:

background-image: linear-gradient(135deg, #2CAD71 11%, #058950 98%);

 

HEX #2CAD71 sur HEX #058950


Code CSS:

background-image: radial-gradient(circle, #2CAD71 11%, #058950 100%);

 

HEX #058950 sur HEX #3DBF84


Code CSS:

background-image: linear-gradient(135deg, #058950 1%, #3DBF84 95%);

 

HEX #058950 sur HEX #3DBF84


Code CSS:

background-image: radial-gradient(circle, #058950 5%, #3DBF84 99%);

 

HEX #3DBF84 sur HEX #058950


Code CSS:

background-image: linear-gradient(135deg, #3DBF84 2%, #058950 87%);

 

HEX #3DBF84 sur HEX #058950


Code CSS:

background-image: radial-gradient(circle, #3DBF84 10%, #058950 99%);

 

HEX #058950 sur HEX #4ED197


Code CSS:

background-image: linear-gradient(135deg, #058950 12%, #4ED197 91%);

 

HEX #058950 sur HEX #4ED197


Code CSS:

background-image: radial-gradient(circle, #058950 5%, #4ED197 94%);

 

HEX #4ED197 sur HEX #058950


Code CSS:

background-image: linear-gradient(135deg, #4ED197 6%, #058950 93%);

 

HEX #4ED197 sur HEX #058950


Code CSS:

background-image: radial-gradient(circle, #4ED197 12%, #058950 87%);

Linéaire

HEX #058950 sur HEX #00773D


Code CSS:

background-image: linear-gradient(135deg, #058950 1%, #00773D 91%);

Radial

HEX #058950 sur HEX #00773D


Code CSS:

background-image: radial-gradient(circle, #058950 7%, #00773D 98%);

 

HEX #00773D sur HEX #058950


Code CSS:

background-image: linear-gradient(135deg, #00773D 9%, #058950 98%);

 

HEX #00773D sur HEX #058950


Code CSS:

background-image: radial-gradient(circle, #00773D 11%, #058950 96%);

 

HEX #058950 sur HEX #00652A


Code CSS:

background-image: linear-gradient(135deg, #058950 13%, #00652A 92%);

 

HEX #058950 sur HEX #00652A


Code CSS:

background-image: radial-gradient(circle, #058950 9%, #00652A 88%);

 

HEX #00652A sur HEX #058950


Code CSS:

background-image: linear-gradient(135deg, #00652A 13%, #058950 97%);

 

HEX #00652A sur HEX #058950


Code CSS:

background-image: radial-gradient(circle, #00652A 12%, #058950 98%);

 

HEX #058950 sur HEX #005317


Code CSS:

background-image: linear-gradient(135deg, #058950 9%, #005317 88%);

 

HEX #058950 sur HEX #005317


Code CSS:

background-image: radial-gradient(circle, #058950 5%, #005317 93%);

 

HEX #005317 sur HEX #058950


Code CSS:

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

 

HEX #005317 sur HEX #058950


Code CSS:

background-image: radial-gradient(circle, #005317 7%, #058950 98%);

 

HEX #058950 sur HEX #004104


Code CSS:

background-image: linear-gradient(135deg, #058950 6%, #004104 91%);

 

HEX #058950 sur HEX #004104


Code CSS:

background-image: radial-gradient(circle, #058950 8%, #004104 87%);

 

HEX #004104 sur HEX #058950


Code CSS:

background-image: linear-gradient(135deg, #004104 0%, #058950 99%);

 

HEX #004104 sur HEX #058950


Code CSS:

background-image: radial-gradient(circle, #004104 10%, #058950 96%);

Linéaire

HEX #058950 sur HEX #048966


Code CSS:

background-image: linear-gradient(135deg, #058950 1%, #048966 92%);

Radial

HEX #058950 sur HEX #048966


Code CSS:

background-image: radial-gradient(circle, #058950 11%, #048966 87%);

 

HEX #048966 sur HEX #058950


Code CSS:

background-image: linear-gradient(135deg, #048966 4%, #058950 96%);

 

HEX #048966 sur HEX #058950


Code CSS:

background-image: radial-gradient(circle, #048966 13%, #058950 98%);

 

HEX #058950 sur HEX #04897C


Code CSS:

background-image: linear-gradient(135deg, #058950 7%, #04897C 97%);

 

HEX #058950 sur HEX #04897C


Code CSS:

background-image: radial-gradient(circle, #058950 6%, #04897C 99%);

 

HEX #04897C sur HEX #058950


Code CSS:

background-image: linear-gradient(135deg, #04897C 11%, #058950 96%);

 

HEX #04897C sur HEX #058950


Code CSS:

background-image: radial-gradient(circle, #04897C 3%, #058950 94%);

 

HEX #058950 sur HEX #048089


Code CSS:

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

 

HEX #058950 sur HEX #048089


Code CSS:

background-image: radial-gradient(circle, #058950 4%, #048089 88%);

 

HEX #048089 sur HEX #058950


Code CSS:

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

 

HEX #048089 sur HEX #058950


Code CSS:

background-image: radial-gradient(circle, #048089 13%, #058950 99%);

 

HEX #058950 sur HEX #046A89


Code CSS:

background-image: linear-gradient(135deg, #058950 10%, #046A89 100%);

 

HEX #058950 sur HEX #046A89


Code CSS:

background-image: radial-gradient(circle, #058950 7%, #046A89 99%);

 

HEX #046A89 sur HEX #058950


Code CSS:

background-image: linear-gradient(135deg, #046A89 14%, #058950 87%);

 

HEX #046A89 sur HEX #058950


Code CSS:

background-image: radial-gradient(circle, #046A89 0%, #058950 91%);

Linéaire

HEX #058950 sur HEX #07BC6E


Code CSS:

background-image: linear-gradient(135deg, #058950 3%, #07BC6E 96%);

Radial

HEX #058950 sur HEX #07BC6E


Code CSS:

background-image: radial-gradient(circle, #058950 2%, #07BC6E 96%);

 

HEX #07BC6E sur HEX #058950


Code CSS:

background-image: linear-gradient(135deg, #07BC6E 3%, #058950 86%);

 

HEX #07BC6E sur HEX #058950


Code CSS:

background-image: radial-gradient(circle, #07BC6E 9%, #058950 96%);

 

HEX #058950 sur HEX #09EF8C


Code CSS:

background-image: linear-gradient(135deg, #058950 6%, #09EF8C 87%);

 

HEX #058950 sur HEX #09EF8C


Code CSS:

background-image: radial-gradient(circle, #058950 1%, #09EF8C 94%);

 

HEX #09EF8C sur HEX #058950


Code CSS:

background-image: linear-gradient(135deg, #09EF8C 11%, #058950 89%);

 

HEX #09EF8C sur HEX #058950


Code CSS:

background-image: radial-gradient(circle, #09EF8C 6%, #058950 97%);

 

HEX #058950 sur HEX #012314


Code CSS:

background-image: linear-gradient(135deg, #058950 0%, #012314 98%);

 

HEX #058950 sur HEX #012314


Code CSS:

background-image: radial-gradient(circle, #058950 9%, #012314 92%);

 

HEX #012314 sur HEX #058950


Code CSS:

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

 

HEX #012314 sur HEX #058950


Code CSS:

background-image: radial-gradient(circle, #012314 0%, #058950 91%);

 

HEX #058950 sur HEX #035632


Code CSS:

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

 

HEX #058950 sur HEX #035632


Code CSS:

background-image: radial-gradient(circle, #058950 11%, #035632 86%);

 

HEX #035632 sur HEX #058950


Code CSS:

background-image: linear-gradient(135deg, #035632 4%, #058950 91%);

 

HEX #035632 sur HEX #058950


Code CSS:

background-image: radial-gradient(circle, #035632 5%, #058950 100%);

Linéaire

HEX #058950 sur HEX #042389


Code CSS:

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

Radial

HEX #058950 sur HEX #042389


Code CSS:

background-image: radial-gradient(circle, #058950 7%, #042389 91%);

 

HEX #042389 sur HEX #058950


Code CSS:

background-image: linear-gradient(135deg, #042389 13%, #058950 92%);

 

HEX #042389 sur HEX #058950


Code CSS:

background-image: radial-gradient(circle, #042389 10%, #058950 97%);

 

HEX #058950 sur HEX #891B04


Code CSS:

background-image: linear-gradient(135deg, #058950 5%, #891B04 89%);

 

HEX #058950 sur HEX #891B04


Code CSS:

background-image: radial-gradient(circle, #058950 8%, #891B04 88%);

 

HEX #891B04 sur HEX #058950


Code CSS:

background-image: linear-gradient(135deg, #891B04 10%, #058950 93%);

 

HEX #891B04 sur HEX #058950


Code CSS:

background-image: radial-gradient(circle, #891B04 10%, #058950 91%);

Linéaire

HEX #058950 sur HEX #500489


Code CSS:

background-image: linear-gradient(135deg, #058950 0%, #500489 96%);

Radial

HEX #058950 sur HEX #500489


Code CSS:

background-image: radial-gradient(circle, #058950 10%, #500489 94%);

 

HEX #500489 sur HEX #058950


Code CSS:

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

 

HEX #500489 sur HEX #058950


Code CSS:

background-image: radial-gradient(circle, #500489 8%, #058950 95%);

 

HEX #058950 sur HEX #895004


Code CSS:

background-image: linear-gradient(135deg, #058950 4%, #895004 94%);

 

HEX #058950 sur HEX #895004


Code CSS:

background-image: radial-gradient(circle, #058950 7%, #895004 93%);

 

HEX #895004 sur HEX #058950


Code CSS:

background-image: linear-gradient(135deg, #895004 13%, #058950 88%);

 

HEX #895004 sur HEX #058950


Code CSS:

background-image: radial-gradient(circle, #895004 6%, #058950 94%);

Linéaire

HEX #058950 sur HEX #042389


Code CSS:

background-image: linear-gradient(135deg, #058950 11%, #042389 89%);

Radial

HEX #058950 sur HEX #042389


Code CSS:

background-image: radial-gradient(circle, #058950 1%, #042389 87%);

 

HEX #042389 sur HEX #058950


Code CSS:

background-image: linear-gradient(135deg, #042389 5%, #058950 88%);

 

HEX #042389 sur HEX #058950


Code CSS:

background-image: radial-gradient(circle, #042389 7%, #058950 97%);

 

HEX #058950 sur HEX #89043E


Code CSS:

background-image: linear-gradient(135deg, #058950 2%, #89043E 93%);

 

HEX #058950 sur HEX #89043E


Code CSS:

background-image: radial-gradient(circle, #058950 14%, #89043E 86%);

 

HEX #89043E sur HEX #058950


Code CSS:

background-image: linear-gradient(135deg, #89043E 12%, #058950 97%);

 

HEX #89043E sur HEX #058950


Code CSS:

background-image: radial-gradient(circle, #89043E 11%, #058950 92%);

 

HEX #058950 sur HEX #896A04


Code CSS:

background-image: linear-gradient(135deg, #058950 1%, #896A04 98%);

 

HEX #058950 sur HEX #896A04


Code CSS:

background-image: radial-gradient(circle, #058950 13%, #896A04 88%);

 

HEX #896A04 sur HEX #058950


Code CSS:

background-image: linear-gradient(135deg, #896A04 11%, #058950 92%);

 

HEX #896A04 sur HEX #058950


Code CSS:

background-image: radial-gradient(circle, #896A04 0%, #058950 97%);

Linéaire

HEX #058950 sur HEX #0D0489


Code CSS:

background-image: linear-gradient(135deg, #058950 1%, #0D0489 93%);

Radial

HEX #058950 sur HEX #0D0489


Code CSS:

background-image: radial-gradient(circle, #058950 3%, #0D0489 98%);

 

HEX #0D0489 sur HEX #058950


Code CSS:

background-image: linear-gradient(135deg, #0D0489 5%, #058950 87%);

 

HEX #0D0489 sur HEX #058950


Code CSS:

background-image: radial-gradient(circle, #0D0489 12%, #058950 86%);

 

HEX #058950 sur HEX #89043E


Code CSS:

background-image: linear-gradient(135deg, #058950 4%, #89043E 88%);

 

HEX #058950 sur HEX #89043E


Code CSS:

background-image: radial-gradient(circle, #058950 6%, #89043E 92%);

 

HEX #89043E sur HEX #058950


Code CSS:

background-image: linear-gradient(135deg, #89043E 2%, #058950 91%);

 

HEX #89043E sur HEX #058950


Code CSS:

background-image: radial-gradient(circle, #89043E 6%, #058950 89%);

 

HEX #058950 sur HEX #808904


Code CSS:

background-image: linear-gradient(135deg, #058950 13%, #808904 91%);

 

HEX #058950 sur HEX #808904


Code CSS:

background-image: radial-gradient(circle, #058950 7%, #808904 100%);

 

HEX #808904 sur HEX #058950


Code CSS:

background-image: linear-gradient(135deg, #808904 6%, #058950 88%);

 

HEX #808904 sur HEX #058950


Code CSS:

background-image: radial-gradient(circle, #808904 6%, #058950 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)

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.