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

✕

CSS Gradients:
#487386

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 72 Rouge, 115 Vert et 134 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.
72 115 134 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 46 cyan, 14 magenta, pas de jaune et 47 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.
46% 14% 0% 47% 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 #487386 sur HEX #B78C79


Code CSS:

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

Radial

HEX #487386 sur HEX #B78C79


Code CSS:

background-image: radial-gradient(circle, #487386 14%, #B78C79 86%);

 

HEX #B78C79 sur HEX #487386


Code CSS:

background-image: linear-gradient(135deg, #B78C79 1%, #487386 89%);

 

HEX #B78C79 sur HEX #487386


Code CSS:

background-image: radial-gradient(circle, #B78C79 9%, #487386 100%);

Linéaire

HEX #487386 sur HEX #5E8594


Code CSS:

background-image: linear-gradient(135deg, #487386 10%, #5E8594 96%);

Radial

HEX #487386 sur HEX #5E8594


Code CSS:

background-image: radial-gradient(circle, #487386 7%, #5E8594 95%);

 

HEX #5E8594 sur HEX #487386


Code CSS:

background-image: linear-gradient(135deg, #5E8594 8%, #487386 99%);

 

HEX #5E8594 sur HEX #487386


Code CSS:

background-image: radial-gradient(circle, #5E8594 13%, #487386 100%);

 

HEX #487386 sur HEX #6F97A7


Code CSS:

background-image: linear-gradient(135deg, #487386 1%, #6F97A7 94%);

 

HEX #487386 sur HEX #6F97A7


Code CSS:

background-image: radial-gradient(circle, #487386 7%, #6F97A7 97%);

 

HEX #6F97A7 sur HEX #487386


Code CSS:

background-image: linear-gradient(135deg, #6F97A7 2%, #487386 88%);

 

HEX #6F97A7 sur HEX #487386


Code CSS:

background-image: radial-gradient(circle, #6F97A7 9%, #487386 94%);

 

HEX #487386 sur HEX #80A9BA


Code CSS:

background-image: linear-gradient(135deg, #487386 1%, #80A9BA 95%);

 

HEX #487386 sur HEX #80A9BA


Code CSS:

background-image: radial-gradient(circle, #487386 1%, #80A9BA 90%);

 

HEX #80A9BA sur HEX #487386


Code CSS:

background-image: linear-gradient(135deg, #80A9BA 12%, #487386 89%);

 

HEX #80A9BA sur HEX #487386


Code CSS:

background-image: radial-gradient(circle, #80A9BA 0%, #487386 97%);

 

HEX #487386 sur HEX #91BBCD


Code CSS:

background-image: linear-gradient(135deg, #487386 12%, #91BBCD 87%);

 

HEX #487386 sur HEX #91BBCD


Code CSS:

background-image: radial-gradient(circle, #487386 8%, #91BBCD 93%);

 

HEX #91BBCD sur HEX #487386


Code CSS:

background-image: linear-gradient(135deg, #91BBCD 7%, #487386 96%);

 

HEX #91BBCD sur HEX #487386


Code CSS:

background-image: radial-gradient(circle, #91BBCD 13%, #487386 98%);

Linéaire

HEX #487386 sur HEX #376173


Code CSS:

background-image: linear-gradient(135deg, #487386 4%, #376173 93%);

Radial

HEX #487386 sur HEX #376173


Code CSS:

background-image: radial-gradient(circle, #487386 14%, #376173 96%);

 

HEX #376173 sur HEX #487386


Code CSS:

background-image: linear-gradient(135deg, #376173 2%, #487386 97%);

 

HEX #376173 sur HEX #487386


Code CSS:

background-image: radial-gradient(circle, #376173 5%, #487386 91%);

 

HEX #487386 sur HEX #264F60


Code CSS:

background-image: linear-gradient(135deg, #487386 11%, #264F60 86%);

 

HEX #487386 sur HEX #264F60


Code CSS:

background-image: radial-gradient(circle, #487386 9%, #264F60 86%);

 

HEX #264F60 sur HEX #487386


Code CSS:

background-image: linear-gradient(135deg, #264F60 12%, #487386 92%);

 

HEX #264F60 sur HEX #487386


Code CSS:

background-image: radial-gradient(circle, #264F60 8%, #487386 96%);

 

HEX #487386 sur HEX #153D4D


Code CSS:

background-image: linear-gradient(135deg, #487386 8%, #153D4D 91%);

 

HEX #487386 sur HEX #153D4D


Code CSS:

background-image: radial-gradient(circle, #487386 10%, #153D4D 93%);

 

HEX #153D4D sur HEX #487386


Code CSS:

background-image: linear-gradient(135deg, #153D4D 3%, #487386 86%);

 

HEX #153D4D sur HEX #487386


Code CSS:

background-image: radial-gradient(circle, #153D4D 14%, #487386 98%);

 

HEX #487386 sur HEX #042B3A


Code CSS:

background-image: linear-gradient(135deg, #487386 9%, #042B3A 86%);

 

HEX #487386 sur HEX #042B3A


Code CSS:

background-image: radial-gradient(circle, #487386 8%, #042B3A 99%);

 

HEX #042B3A sur HEX #487386


Code CSS:

background-image: linear-gradient(135deg, #042B3A 11%, #487386 91%);

 

HEX #042B3A sur HEX #487386


Code CSS:

background-image: radial-gradient(circle, #042B3A 7%, #487386 98%);

Linéaire

HEX #487386 sur HEX #476884


Code CSS:

background-image: linear-gradient(135deg, #487386 7%, #476884 88%);

Radial

HEX #487386 sur HEX #476884


Code CSS:

background-image: radial-gradient(circle, #487386 10%, #476884 97%);

 

HEX #476884 sur HEX #487386


Code CSS:

background-image: linear-gradient(135deg, #476884 8%, #487386 98%);

 

HEX #476884 sur HEX #487386


Code CSS:

background-image: radial-gradient(circle, #476884 7%, #487386 92%);

 

HEX #487386 sur HEX #475D84


Code CSS:

background-image: linear-gradient(135deg, #487386 14%, #475D84 100%);

 

HEX #487386 sur HEX #475D84


Code CSS:

background-image: radial-gradient(circle, #487386 14%, #475D84 95%);

 

HEX #475D84 sur HEX #487386


Code CSS:

background-image: linear-gradient(135deg, #475D84 14%, #487386 99%);

 

HEX #475D84 sur HEX #487386


Code CSS:

background-image: radial-gradient(circle, #475D84 10%, #487386 92%);

 

HEX #487386 sur HEX #475384


Code CSS:

background-image: linear-gradient(135deg, #487386 8%, #475384 95%);

 

HEX #487386 sur HEX #475384


Code CSS:

background-image: radial-gradient(circle, #487386 7%, #475384 91%);

 

HEX #475384 sur HEX #487386


Code CSS:

background-image: linear-gradient(135deg, #475384 13%, #487386 100%);

 

HEX #475384 sur HEX #487386


Code CSS:

background-image: radial-gradient(circle, #475384 6%, #487386 89%);

 

HEX #487386 sur HEX #474984


Code CSS:

background-image: linear-gradient(135deg, #487386 6%, #474984 96%);

 

HEX #487386 sur HEX #474984


Code CSS:

background-image: radial-gradient(circle, #487386 11%, #474984 95%);

 

HEX #474984 sur HEX #487386


Code CSS:

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

 

HEX #474984 sur HEX #487386


Code CSS:

background-image: radial-gradient(circle, #474984 11%, #487386 93%);

Linéaire

HEX #487386 sur HEX #639FB9


Code CSS:

background-image: linear-gradient(135deg, #487386 0%, #639FB9 95%);

Radial

HEX #487386 sur HEX #639FB9


Code CSS:

background-image: radial-gradient(circle, #487386 9%, #639FB9 87%);

 

HEX #639FB9 sur HEX #487386


Code CSS:

background-image: linear-gradient(135deg, #639FB9 10%, #487386 94%);

 

HEX #639FB9 sur HEX #487386


Code CSS:

background-image: radial-gradient(circle, #639FB9 13%, #487386 91%);

 

HEX #487386 sur HEX #7FCBEC


Code CSS:

background-image: linear-gradient(135deg, #487386 9%, #7FCBEC 86%);

 

HEX #487386 sur HEX #7FCBEC


Code CSS:

background-image: radial-gradient(circle, #487386 10%, #7FCBEC 90%);

 

HEX #7FCBEC sur HEX #487386


Code CSS:

background-image: linear-gradient(135deg, #7FCBEC 13%, #487386 100%);

 

HEX #7FCBEC sur HEX #487386


Code CSS:

background-image: radial-gradient(circle, #7FCBEC 0%, #487386 88%);

 

HEX #487386 sur HEX #111B20


Code CSS:

background-image: linear-gradient(135deg, #487386 4%, #111B20 88%);

 

HEX #487386 sur HEX #111B20


Code CSS:

background-image: radial-gradient(circle, #487386 2%, #111B20 97%);

 

HEX #111B20 sur HEX #487386


Code CSS:

background-image: linear-gradient(135deg, #111B20 7%, #487386 92%);

 

HEX #111B20 sur HEX #487386


Code CSS:

background-image: radial-gradient(circle, #111B20 9%, #487386 88%);

 

HEX #487386 sur HEX #2D4753


Code CSS:

background-image: linear-gradient(135deg, #487386 10%, #2D4753 93%);

 

HEX #487386 sur HEX #2D4753


Code CSS:

background-image: radial-gradient(circle, #487386 8%, #2D4753 90%);

 

HEX #2D4753 sur HEX #487386


Code CSS:

background-image: linear-gradient(135deg, #2D4753 7%, #487386 95%);

 

HEX #2D4753 sur HEX #487386


Code CSS:

background-image: radial-gradient(circle, #2D4753 0%, #487386 91%);

Linéaire

HEX #487386 sur HEX #664784


Code CSS:

background-image: linear-gradient(135deg, #487386 8%, #664784 96%);

Radial

HEX #487386 sur HEX #664784


Code CSS:

background-image: radial-gradient(circle, #487386 14%, #664784 95%);

 

HEX #664784 sur HEX #487386


Code CSS:

background-image: linear-gradient(135deg, #664784 1%, #487386 93%);

 

HEX #664784 sur HEX #487386


Code CSS:

background-image: radial-gradient(circle, #664784 8%, #487386 98%);

 

HEX #487386 sur HEX #847E47


Code CSS:

background-image: linear-gradient(135deg, #487386 1%, #847E47 90%);

 

HEX #487386 sur HEX #847E47


Code CSS:

background-image: radial-gradient(circle, #487386 2%, #847E47 86%);

 

HEX #847E47 sur HEX #487386


Code CSS:

background-image: linear-gradient(135deg, #847E47 8%, #487386 92%);

 

HEX #847E47 sur HEX #487386


Code CSS:

background-image: radial-gradient(circle, #847E47 14%, #487386 86%);

Linéaire

HEX #487386 sur HEX #844772


Code CSS:

background-image: linear-gradient(135deg, #487386 6%, #844772 94%);

Radial

HEX #487386 sur HEX #844772


Code CSS:

background-image: radial-gradient(circle, #487386 4%, #844772 99%);

 

HEX #844772 sur HEX #487386


Code CSS:

background-image: linear-gradient(135deg, #844772 4%, #487386 87%);

 

HEX #844772 sur HEX #487386


Code CSS:

background-image: radial-gradient(circle, #844772 1%, #487386 90%);

 

HEX #487386 sur HEX #728447


Code CSS:

background-image: linear-gradient(135deg, #487386 8%, #728447 90%);

 

HEX #487386 sur HEX #728447


Code CSS:

background-image: radial-gradient(circle, #487386 8%, #728447 99%);

 

HEX #728447 sur HEX #487386


Code CSS:

background-image: linear-gradient(135deg, #728447 0%, #487386 93%);

 

HEX #728447 sur HEX #487386


Code CSS:

background-image: radial-gradient(circle, #728447 5%, #487386 92%);

Linéaire

HEX #487386 sur HEX #664784


Code CSS:

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

Radial

HEX #487386 sur HEX #664784


Code CSS:

background-image: radial-gradient(circle, #487386 1%, #664784 93%);

 

HEX #664784 sur HEX #487386


Code CSS:

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

 

HEX #664784 sur HEX #487386


Code CSS:

background-image: radial-gradient(circle, #664784 13%, #487386 94%);

 

HEX #487386 sur HEX #845947


Code CSS:

background-image: linear-gradient(135deg, #487386 3%, #845947 91%);

 

HEX #487386 sur HEX #845947


Code CSS:

background-image: radial-gradient(circle, #487386 12%, #845947 87%);

 

HEX #845947 sur HEX #487386


Code CSS:

background-image: linear-gradient(135deg, #845947 12%, #487386 97%);

 

HEX #845947 sur HEX #487386


Code CSS:

background-image: radial-gradient(circle, #845947 0%, #487386 90%);

 

HEX #487386 sur HEX #668447


Code CSS:

background-image: linear-gradient(135deg, #487386 10%, #668447 93%);

 

HEX #487386 sur HEX #668447


Code CSS:

background-image: radial-gradient(circle, #487386 11%, #668447 92%);

 

HEX #668447 sur HEX #487386


Code CSS:

background-image: linear-gradient(135deg, #668447 2%, #487386 100%);

 

HEX #668447 sur HEX #487386


Code CSS:

background-image: radial-gradient(circle, #668447 8%, #487386 97%);

Linéaire

HEX #487386 sur HEX #784784


Code CSS:

background-image: linear-gradient(135deg, #487386 11%, #784784 91%);

Radial

HEX #487386 sur HEX #784784


Code CSS:

background-image: radial-gradient(circle, #487386 12%, #784784 97%);

 

HEX #784784 sur HEX #487386


Code CSS:

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

 

HEX #784784 sur HEX #487386


Code CSS:

background-image: radial-gradient(circle, #784784 9%, #487386 91%);

 

HEX #487386 sur HEX #845947


Code CSS:

background-image: linear-gradient(135deg, #487386 6%, #845947 100%);

 

HEX #487386 sur HEX #845947


Code CSS:

background-image: radial-gradient(circle, #487386 12%, #845947 87%);

 

HEX #845947 sur HEX #487386


Code CSS:

background-image: linear-gradient(135deg, #845947 2%, #487386 87%);

 

HEX #845947 sur HEX #487386


Code CSS:

background-image: radial-gradient(circle, #845947 4%, #487386 96%);

 

HEX #487386 sur HEX #538447


Code CSS:

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

 

HEX #487386 sur HEX #538447


Code CSS:

background-image: radial-gradient(circle, #487386 1%, #538447 100%);

 

HEX #538447 sur HEX #487386


Code CSS:

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

 

HEX #538447 sur HEX #487386


Code CSS:

background-image: radial-gradient(circle, #538447 4%, #487386 92%);

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

convertir de CMYK cyan / magenta / jaune / key sur RGBA rouge vert bleu transparent
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 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
nsc-logo

NCS® en RGB

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

NCS® en RGBA

convertir de Numéro NCS (S0000-X00X) sur RGBA rouge vert bleu transparent
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)

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-2024 in cooperation ND-DESIGN.WORKS & frag-bobby.de