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

✕

CSS Gradients:
#474275

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 71 Rouge, 66 Vert et 117 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.
71 66 117 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 39 cyan, 44 magenta, pas de jaune et 54 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.
39% 44% 0% 54% 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 #474275 sur HEX #B8BD8A


Code CSS:

background-image: linear-gradient(135deg, #474275 10%, #B8BD8A 89%);

Radial

HEX #474275 sur HEX #B8BD8A


Code CSS:

background-image: radial-gradient(circle, #474275 11%, #B8BD8A 93%);

 

HEX #B8BD8A sur HEX #474275


Code CSS:

background-image: linear-gradient(135deg, #B8BD8A 11%, #474275 87%);

 

HEX #B8BD8A sur HEX #474275


Code CSS:

background-image: radial-gradient(circle, #B8BD8A 13%, #474275 86%);

Linéaire

HEX #474275 sur HEX #5D5483


Code CSS:

background-image: linear-gradient(135deg, #474275 10%, #5D5483 94%);

Radial

HEX #474275 sur HEX #5D5483


Code CSS:

background-image: radial-gradient(circle, #474275 9%, #5D5483 97%);

 

HEX #5D5483 sur HEX #474275


Code CSS:

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

 

HEX #5D5483 sur HEX #474275


Code CSS:

background-image: radial-gradient(circle, #5D5483 8%, #474275 100%);

 

HEX #474275 sur HEX #6E6696


Code CSS:

background-image: linear-gradient(135deg, #474275 5%, #6E6696 86%);

 

HEX #474275 sur HEX #6E6696


Code CSS:

background-image: radial-gradient(circle, #474275 10%, #6E6696 92%);

 

HEX #6E6696 sur HEX #474275


Code CSS:

background-image: linear-gradient(135deg, #6E6696 9%, #474275 100%);

 

HEX #6E6696 sur HEX #474275


Code CSS:

background-image: radial-gradient(circle, #6E6696 4%, #474275 98%);

 

HEX #474275 sur HEX #7F78A9


Code CSS:

background-image: linear-gradient(135deg, #474275 14%, #7F78A9 100%);

 

HEX #474275 sur HEX #7F78A9


Code CSS:

background-image: radial-gradient(circle, #474275 7%, #7F78A9 91%);

 

HEX #7F78A9 sur HEX #474275


Code CSS:

background-image: linear-gradient(135deg, #7F78A9 10%, #474275 92%);

 

HEX #7F78A9 sur HEX #474275


Code CSS:

background-image: radial-gradient(circle, #7F78A9 7%, #474275 97%);

 

HEX #474275 sur HEX #908ABC


Code CSS:

background-image: linear-gradient(135deg, #474275 6%, #908ABC 91%);

 

HEX #474275 sur HEX #908ABC


Code CSS:

background-image: radial-gradient(circle, #474275 4%, #908ABC 89%);

 

HEX #908ABC sur HEX #474275


Code CSS:

background-image: linear-gradient(135deg, #908ABC 4%, #474275 87%);

 

HEX #908ABC sur HEX #474275


Code CSS:

background-image: radial-gradient(circle, #908ABC 1%, #474275 90%);

Linéaire

HEX #474275 sur HEX #363062


Code CSS:

background-image: linear-gradient(135deg, #474275 8%, #363062 99%);

Radial

HEX #474275 sur HEX #363062


Code CSS:

background-image: radial-gradient(circle, #474275 10%, #363062 88%);

 

HEX #363062 sur HEX #474275


Code CSS:

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

 

HEX #363062 sur HEX #474275


Code CSS:

background-image: radial-gradient(circle, #363062 14%, #474275 91%);

 

HEX #474275 sur HEX #251E4F


Code CSS:

background-image: linear-gradient(135deg, #474275 13%, #251E4F 91%);

 

HEX #474275 sur HEX #251E4F


Code CSS:

background-image: radial-gradient(circle, #474275 9%, #251E4F 100%);

 

HEX #251E4F sur HEX #474275


Code CSS:

background-image: linear-gradient(135deg, #251E4F 13%, #474275 94%);

 

HEX #251E4F sur HEX #474275


Code CSS:

background-image: radial-gradient(circle, #251E4F 8%, #474275 95%);

 

HEX #474275 sur HEX #140C3C


Code CSS:

background-image: linear-gradient(135deg, #474275 8%, #140C3C 90%);

 

HEX #474275 sur HEX #140C3C


Code CSS:

background-image: radial-gradient(circle, #474275 3%, #140C3C 92%);

 

HEX #140C3C sur HEX #474275


Code CSS:

background-image: linear-gradient(135deg, #140C3C 0%, #474275 86%);

 

HEX #140C3C sur HEX #474275


Code CSS:

background-image: radial-gradient(circle, #140C3C 2%, #474275 88%);

 

HEX #474275 sur HEX #030029


Code CSS:

background-image: linear-gradient(135deg, #474275 6%, #030029 95%);

 

HEX #474275 sur HEX #030029


Code CSS:

background-image: radial-gradient(circle, #474275 3%, #030029 88%);

 

HEX #030029 sur HEX #474275


Code CSS:

background-image: linear-gradient(135deg, #030029 10%, #474275 91%);

 

HEX #030029 sur HEX #474275


Code CSS:

background-image: radial-gradient(circle, #030029 10%, #474275 92%);

Linéaire

HEX #474275 sur HEX #4E4275


Code CSS:

background-image: linear-gradient(135deg, #474275 11%, #4E4275 96%);

Radial

HEX #474275 sur HEX #4E4275


Code CSS:

background-image: radial-gradient(circle, #474275 7%, #4E4275 94%);

 

HEX #4E4275 sur HEX #474275


Code CSS:

background-image: linear-gradient(135deg, #4E4275 11%, #474275 92%);

 

HEX #4E4275 sur HEX #474275


Code CSS:

background-image: radial-gradient(circle, #4E4275 1%, #474275 99%);

 

HEX #474275 sur HEX #574275


Code CSS:

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

 

HEX #474275 sur HEX #574275


Code CSS:

background-image: radial-gradient(circle, #474275 1%, #574275 98%);

 

HEX #574275 sur HEX #474275


Code CSS:

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

 

HEX #574275 sur HEX #474275


Code CSS:

background-image: radial-gradient(circle, #574275 11%, #474275 100%);

 

HEX #474275 sur HEX #604275


Code CSS:

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

 

HEX #474275 sur HEX #604275


Code CSS:

background-image: radial-gradient(circle, #474275 2%, #604275 91%);

 

HEX #604275 sur HEX #474275


Code CSS:

background-image: linear-gradient(135deg, #604275 1%, #474275 86%);

 

HEX #604275 sur HEX #474275


Code CSS:

background-image: radial-gradient(circle, #604275 14%, #474275 88%);

 

HEX #474275 sur HEX #684275


Code CSS:

background-image: linear-gradient(135deg, #474275 12%, #684275 86%);

 

HEX #474275 sur HEX #684275


Code CSS:

background-image: radial-gradient(circle, #474275 5%, #684275 100%);

 

HEX #684275 sur HEX #474275


Code CSS:

background-image: linear-gradient(135deg, #684275 7%, #474275 92%);

 

HEX #684275 sur HEX #474275


Code CSS:

background-image: radial-gradient(circle, #684275 3%, #474275 98%);

Linéaire

HEX #474275 sur HEX #665FA8


Code CSS:

background-image: linear-gradient(135deg, #474275 0%, #665FA8 87%);

Radial

HEX #474275 sur HEX #665FA8


Code CSS:

background-image: radial-gradient(circle, #474275 12%, #665FA8 86%);

 

HEX #665FA8 sur HEX #474275


Code CSS:

background-image: linear-gradient(135deg, #665FA8 12%, #474275 96%);

 

HEX #665FA8 sur HEX #474275


Code CSS:

background-image: radial-gradient(circle, #665FA8 13%, #474275 94%);

 

HEX #474275 sur HEX #857CDB


Code CSS:

background-image: linear-gradient(135deg, #474275 11%, #857CDB 92%);

 

HEX #474275 sur HEX #857CDB


Code CSS:

background-image: radial-gradient(circle, #474275 0%, #857CDB 100%);

 

HEX #857CDB sur HEX #474275


Code CSS:

background-image: linear-gradient(135deg, #857CDB 3%, #474275 98%);

 

HEX #857CDB sur HEX #474275


Code CSS:

background-image: radial-gradient(circle, #857CDB 0%, #474275 88%);

 

HEX #474275 sur HEX #09080F


Code CSS:

background-image: linear-gradient(135deg, #474275 11%, #09080F 89%);

 

HEX #474275 sur HEX #09080F


Code CSS:

background-image: radial-gradient(circle, #474275 7%, #09080F 90%);

 

HEX #09080F sur HEX #474275


Code CSS:

background-image: linear-gradient(135deg, #09080F 6%, #474275 99%);

 

HEX #09080F sur HEX #474275


Code CSS:

background-image: radial-gradient(circle, #09080F 8%, #474275 95%);

 

HEX #474275 sur HEX #282542


Code CSS:

background-image: linear-gradient(135deg, #474275 2%, #282542 96%);

 

HEX #474275 sur HEX #282542


Code CSS:

background-image: radial-gradient(circle, #474275 2%, #282542 91%);

 

HEX #282542 sur HEX #474275


Code CSS:

background-image: linear-gradient(135deg, #282542 7%, #474275 89%);

 

HEX #282542 sur HEX #474275


Code CSS:

background-image: radial-gradient(circle, #282542 9%, #474275 95%);

Linéaire

HEX #474275 sur HEX #754266


Code CSS:

background-image: linear-gradient(135deg, #474275 9%, #754266 97%);

Radial

HEX #474275 sur HEX #754266


Code CSS:

background-image: radial-gradient(circle, #474275 0%, #754266 93%);

 

HEX #754266 sur HEX #474275


Code CSS:

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

 

HEX #754266 sur HEX #474275


Code CSS:

background-image: radial-gradient(circle, #754266 3%, #474275 90%);

 

HEX #474275 sur HEX #527542


Code CSS:

background-image: linear-gradient(135deg, #474275 10%, #527542 95%);

 

HEX #474275 sur HEX #527542


Code CSS:

background-image: radial-gradient(circle, #474275 10%, #527542 92%);

 

HEX #527542 sur HEX #474275


Code CSS:

background-image: linear-gradient(135deg, #527542 8%, #474275 94%);

 

HEX #527542 sur HEX #474275


Code CSS:

background-image: radial-gradient(circle, #527542 3%, #474275 100%);

Linéaire

HEX #474275 sur HEX #754642


Code CSS:

background-image: linear-gradient(135deg, #474275 8%, #754642 93%);

Radial

HEX #474275 sur HEX #754642


Code CSS:

background-image: radial-gradient(circle, #474275 11%, #754642 91%);

 

HEX #754642 sur HEX #474275


Code CSS:

background-image: linear-gradient(135deg, #754642 2%, #474275 93%);

 

HEX #754642 sur HEX #474275


Code CSS:

background-image: radial-gradient(circle, #754642 11%, #474275 94%);

 

HEX #474275 sur HEX #427546


Code CSS:

background-image: linear-gradient(135deg, #474275 3%, #427546 100%);

 

HEX #474275 sur HEX #427546


Code CSS:

background-image: radial-gradient(circle, #474275 5%, #427546 97%);

 

HEX #427546 sur HEX #474275


Code CSS:

background-image: linear-gradient(135deg, #427546 2%, #474275 89%);

 

HEX #427546 sur HEX #474275


Code CSS:

background-image: radial-gradient(circle, #427546 11%, #474275 89%);

Linéaire

HEX #474275 sur HEX #754266


Code CSS:

background-image: linear-gradient(135deg, #474275 2%, #754266 95%);

Radial

HEX #474275 sur HEX #754266


Code CSS:

background-image: radial-gradient(circle, #474275 2%, #754266 95%);

 

HEX #754266 sur HEX #474275


Code CSS:

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

 

HEX #754266 sur HEX #474275


Code CSS:

background-image: radial-gradient(circle, #754266 13%, #474275 86%);

 

HEX #474275 sur HEX #717542


Code CSS:

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

 

HEX #474275 sur HEX #717542


Code CSS:

background-image: radial-gradient(circle, #474275 7%, #717542 100%);

 

HEX #717542 sur HEX #474275


Code CSS:

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

 

HEX #717542 sur HEX #474275


Code CSS:

background-image: radial-gradient(circle, #717542 2%, #474275 96%);

 

HEX #474275 sur HEX #427550


Code CSS:

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

 

HEX #474275 sur HEX #427550


Code CSS:

background-image: radial-gradient(circle, #474275 6%, #427550 86%);

 

HEX #427550 sur HEX #474275


Code CSS:

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

 

HEX #427550 sur HEX #474275


Code CSS:

background-image: radial-gradient(circle, #427550 13%, #474275 100%);

Linéaire

HEX #474275 sur HEX #754257


Code CSS:

background-image: linear-gradient(135deg, #474275 2%, #754257 93%);

Radial

HEX #474275 sur HEX #754257


Code CSS:

background-image: radial-gradient(circle, #474275 4%, #754257 96%);

 

HEX #754257 sur HEX #474275


Code CSS:

background-image: linear-gradient(135deg, #754257 4%, #474275 99%);

 

HEX #754257 sur HEX #474275


Code CSS:

background-image: radial-gradient(circle, #754257 10%, #474275 89%);

 

HEX #474275 sur HEX #717542


Code CSS:

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

 

HEX #474275 sur HEX #717542


Code CSS:

background-image: radial-gradient(circle, #474275 3%, #717542 95%);

 

HEX #717542 sur HEX #474275


Code CSS:

background-image: linear-gradient(135deg, #717542 4%, #474275 92%);

 

HEX #717542 sur HEX #474275


Code CSS:

background-image: radial-gradient(circle, #717542 14%, #474275 87%);

 

HEX #474275 sur HEX #427560


Code CSS:

background-image: linear-gradient(135deg, #474275 2%, #427560 88%);

 

HEX #474275 sur HEX #427560


Code CSS:

background-image: radial-gradient(circle, #474275 14%, #427560 96%);

 

HEX #427560 sur HEX #474275


Code CSS:

background-image: linear-gradient(135deg, #427560 11%, #474275 86%);

 

HEX #427560 sur HEX #474275


Code CSS:

background-image: radial-gradient(circle, #427560 14%, #474275 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