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

CSS Gradients:
#214472

Information

ferme tous les

Laissez-vous suggérer des dégradés CSS de deux teintes comme la teinte de base et la couleur complémentaire.

Trouvez des exemples de transitions de couleurs linéaires et radiales.

Facile pour le webdesign : copiez le code CSS pour l'intégrer facilement sur votre site.

Laissez CSS suggérer des dégradés de deux teintes, comme la teinte de base et une teinte plus claire.

Trouvez des exemples de transitions de couleurs linéaires et radiales à partir de Teintes plus claires.

Facile pour le webdesign : copiez le code CSS pour l'intégrer facilement sur votre site.

Laissez CSS suggérer des dégradés de deux teintes, comme la teinte de base et une teinte plus foncée.

Trouvez des exemples de transitions de couleurs linéaires et radiales de Teintes plus foncées.

Facile pour le webdesign : copiez le code CSS pour l'intégrer facilement sur votre site.

Options d'affichage

Description

Couleur foncée : les valeurs de couleur basses paraissent plus sombres.

La décomposition de la couleur dans le système de couleurs RGB : dans cette teinte, sur 255 parts de couleurs maximales, respectivement 33 Rouge, 68 Vert et 114 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.
33 68 114 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 71 cyan, 40 magenta, pas de jaune et 55 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.
71% 40% 0% 55% 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 #214472 sur HEX #DEBB8D


Code CSS:

background-image: linear-gradient(135deg, #214472 8%, #DEBB8D 100%);

Radial

HEX #214472 sur HEX #DEBB8D


Code CSS:

background-image: radial-gradient(circle, #214472 6%, #DEBB8D 89%);

 

HEX #DEBB8D sur HEX #214472


Code CSS:

background-image: linear-gradient(135deg, #DEBB8D 9%, #214472 92%);

 

HEX #DEBB8D sur HEX #214472


Code CSS:

background-image: radial-gradient(circle, #DEBB8D 7%, #214472 99%);

Linéaire

HEX #214472 sur HEX #215A73


Code CSS:

background-image: linear-gradient(135deg, #214472 5%, #215A73 86%);

Radial

HEX #214472 sur HEX #215A73


Code CSS:

background-image: radial-gradient(circle, #214472 13%, #215A73 86%);

 

HEX #215A73 sur HEX #214472


Code CSS:

background-image: linear-gradient(135deg, #215A73 4%, #214472 98%);

 

HEX #215A73 sur HEX #214472


Code CSS:

background-image: radial-gradient(circle, #215A73 13%, #214472 97%);

 

HEX #214472 sur HEX #214573


Code CSS:

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

 

HEX #214472 sur HEX #214573


Code CSS:

background-image: radial-gradient(circle, #214472 13%, #214573 98%);

 

HEX #214573 sur HEX #214472


Code CSS:

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

 

HEX #214573 sur HEX #214472


Code CSS:

background-image: radial-gradient(circle, #214573 11%, #214472 100%);

 

HEX #214472 sur HEX #212F73


Code CSS:

background-image: linear-gradient(135deg, #214472 5%, #212F73 97%);

 

HEX #214472 sur HEX #212F73


Code CSS:

background-image: radial-gradient(circle, #214472 12%, #212F73 88%);

 

HEX #212F73 sur HEX #214472


Code CSS:

background-image: linear-gradient(135deg, #212F73 1%, #214472 96%);

 

HEX #212F73 sur HEX #214472


Code CSS:

background-image: radial-gradient(circle, #212F73 13%, #214472 88%);

 

HEX #214472 sur HEX #292173


Code CSS:

background-image: linear-gradient(135deg, #214472 14%, #292173 91%);

 

HEX #214472 sur HEX #292173


Code CSS:

background-image: radial-gradient(circle, #214472 14%, #292173 99%);

 

HEX #292173 sur HEX #214472


Code CSS:

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

 

HEX #292173 sur HEX #214472


Code CSS:

background-image: radial-gradient(circle, #292173 2%, #214472 91%);

Linéaire

HEX #214472 sur HEX #183153


Code CSS:

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

Radial

HEX #214472 sur HEX #183153


Code CSS:

background-image: radial-gradient(circle, #214472 6%, #183153 96%);

 

HEX #183153 sur HEX #214472


Code CSS:

background-image: linear-gradient(135deg, #183153 1%, #214472 98%);

 

HEX #183153 sur HEX #214472


Code CSS:

background-image: radial-gradient(circle, #183153 3%, #214472 95%);

 

HEX #214472 sur HEX #214473


Code CSS:

background-image: linear-gradient(135deg, #214472 0%, #214473 86%);

 

HEX #214472 sur HEX #214473


Code CSS:

background-image: radial-gradient(circle, #214472 4%, #214473 99%);

 

HEX #214473 sur HEX #214472


Code CSS:

background-image: linear-gradient(135deg, #214473 7%, #214472 93%);

 

HEX #214473 sur HEX #214472


Code CSS:

background-image: radial-gradient(circle, #214473 11%, #214472 87%);

 

HEX #214472 sur HEX #2B5893


Code CSS:

background-image: linear-gradient(135deg, #214472 11%, #2B5893 95%);

 

HEX #214472 sur HEX #2B5893


Code CSS:

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

 

HEX #2B5893 sur HEX #214472


Code CSS:

background-image: linear-gradient(135deg, #2B5893 2%, #214472 98%);

 

HEX #2B5893 sur HEX #214472


Code CSS:

background-image: radial-gradient(circle, #2B5893 11%, #214472 99%);

 

HEX #214472 sur HEX #346BB3


Code CSS:

background-image: linear-gradient(135deg, #214472 12%, #346BB3 86%);

 

HEX #214472 sur HEX #346BB3


Code CSS:

background-image: radial-gradient(circle, #214472 7%, #346BB3 89%);

 

HEX #346BB3 sur HEX #214472


Code CSS:

background-image: linear-gradient(135deg, #346BB3 14%, #214472 91%);

 

HEX #346BB3 sur HEX #214472


Code CSS:

background-image: radial-gradient(circle, #346BB3 10%, #214472 89%);

Linéaire

HEX #214472 sur HEX #215A73


Code CSS:

background-image: linear-gradient(135deg, #214472 4%, #215A73 99%);

Radial

HEX #214472 sur HEX #215A73


Code CSS:

background-image: radial-gradient(circle, #214472 13%, #215A73 100%);

 

HEX #215A73 sur HEX #214472


Code CSS:

background-image: linear-gradient(135deg, #215A73 14%, #214472 87%);

 

HEX #215A73 sur HEX #214472


Code CSS:

background-image: radial-gradient(circle, #215A73 13%, #214472 90%);

 

HEX #214472 sur HEX #214573


Code CSS:

background-image: linear-gradient(135deg, #214472 1%, #214573 95%);

 

HEX #214472 sur HEX #214573


Code CSS:

background-image: radial-gradient(circle, #214472 11%, #214573 96%);

 

HEX #214573 sur HEX #214472


Code CSS:

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

 

HEX #214573 sur HEX #214472


Code CSS:

background-image: radial-gradient(circle, #214573 14%, #214472 91%);

 

HEX #214472 sur HEX #212F73


Code CSS:

background-image: linear-gradient(135deg, #214472 9%, #212F73 97%);

 

HEX #214472 sur HEX #212F73


Code CSS:

background-image: radial-gradient(circle, #214472 0%, #212F73 86%);

 

HEX #212F73 sur HEX #214472


Code CSS:

background-image: linear-gradient(135deg, #212F73 10%, #214472 99%);

 

HEX #212F73 sur HEX #214472


Code CSS:

background-image: radial-gradient(circle, #212F73 1%, #214472 88%);

 

HEX #214472 sur HEX #292173


Code CSS:

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

 

HEX #214472 sur HEX #292173


Code CSS:

background-image: radial-gradient(circle, #214472 4%, #292173 96%);

 

HEX #292173 sur HEX #214472


Code CSS:

background-image: linear-gradient(135deg, #292173 2%, #214472 98%);

 

HEX #292173 sur HEX #214472


Code CSS:

background-image: radial-gradient(circle, #292173 9%, #214472 98%);

Linéaire

HEX #214472 sur HEX #183153


Code CSS:

background-image: linear-gradient(135deg, #214472 12%, #183153 90%);

Radial

HEX #214472 sur HEX #183153


Code CSS:

background-image: radial-gradient(circle, #214472 0%, #183153 95%);

 

HEX #183153 sur HEX #214472


Code CSS:

background-image: linear-gradient(135deg, #183153 11%, #214472 88%);

 

HEX #183153 sur HEX #214472


Code CSS:

background-image: radial-gradient(circle, #183153 3%, #214472 100%);

 

HEX #214472 sur HEX #214473


Code CSS:

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

 

HEX #214472 sur HEX #214473


Code CSS:

background-image: radial-gradient(circle, #214472 1%, #214473 99%);

 

HEX #214473 sur HEX #214472


Code CSS:

background-image: linear-gradient(135deg, #214473 7%, #214472 86%);

 

HEX #214473 sur HEX #214472


Code CSS:

background-image: radial-gradient(circle, #214473 3%, #214472 92%);

 

HEX #214472 sur HEX #2B5893


Code CSS:

background-image: linear-gradient(135deg, #214472 5%, #2B5893 96%);

 

HEX #214472 sur HEX #2B5893


Code CSS:

background-image: radial-gradient(circle, #214472 14%, #2B5893 98%);

 

HEX #2B5893 sur HEX #214472


Code CSS:

background-image: linear-gradient(135deg, #2B5893 7%, #214472 96%);

 

HEX #2B5893 sur HEX #214472


Code CSS:

background-image: radial-gradient(circle, #2B5893 8%, #214472 92%);

 

HEX #214472 sur HEX #346BB3


Code CSS:

background-image: linear-gradient(135deg, #214472 6%, #346BB3 92%);

 

HEX #214472 sur HEX #346BB3


Code CSS:

background-image: radial-gradient(circle, #214472 5%, #346BB3 91%);

 

HEX #346BB3 sur HEX #214472


Code CSS:

background-image: linear-gradient(135deg, #346BB3 1%, #214472 94%);

 

HEX #346BB3 sur HEX #214472


Code CSS:

background-image: radial-gradient(circle, #346BB3 4%, #214472 93%);

Linéaire

HEX #214472 sur HEX #602173


Code CSS:

background-image: linear-gradient(135deg, #214472 2%, #602173 99%);

Radial

HEX #214472 sur HEX #602173


Code CSS:

background-image: radial-gradient(circle, #214472 5%, #602173 98%);

 

HEX #602173 sur HEX #214472


Code CSS:

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

 

HEX #602173 sur HEX #214472


Code CSS:

background-image: radial-gradient(circle, #602173 7%, #214472 86%);

 

HEX #214472 sur HEX #657321


Code CSS:

background-image: linear-gradient(135deg, #214472 14%, #657321 91%);

 

HEX #214472 sur HEX #657321


Code CSS:

background-image: radial-gradient(circle, #214472 6%, #657321 97%);

 

HEX #657321 sur HEX #214472


Code CSS:

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

 

HEX #657321 sur HEX #214472


Code CSS:

background-image: radial-gradient(circle, #657321 12%, #214472 99%);

Linéaire

HEX #214472 sur HEX #732145


Code CSS:

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

Radial

HEX #214472 sur HEX #732145


Code CSS:

background-image: radial-gradient(circle, #214472 14%, #732145 97%);

 

HEX #732145 sur HEX #214472


Code CSS:

background-image: linear-gradient(135deg, #732145 11%, #214472 97%);

 

HEX #732145 sur HEX #214472


Code CSS:

background-image: radial-gradient(circle, #732145 10%, #214472 100%);

 

HEX #214472 sur HEX #457321


Code CSS:

background-image: linear-gradient(135deg, #214472 14%, #457321 90%);

 

HEX #214472 sur HEX #457321


Code CSS:

background-image: radial-gradient(circle, #214472 3%, #457321 93%);

 

HEX #457321 sur HEX #214472


Code CSS:

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

 

HEX #457321 sur HEX #214472


Code CSS:

background-image: radial-gradient(circle, #457321 13%, #214472 98%);

Linéaire

HEX #214472 sur HEX #602173


Code CSS:

background-image: linear-gradient(135deg, #214472 9%, #602173 93%);

Radial

HEX #214472 sur HEX #602173


Code CSS:

background-image: radial-gradient(circle, #214472 11%, #602173 94%);

 

HEX #602173 sur HEX #214472


Code CSS:

background-image: linear-gradient(135deg, #602173 0%, #214472 94%);

 

HEX #602173 sur HEX #214472


Code CSS:

background-image: radial-gradient(circle, #602173 8%, #214472 94%);

 

HEX #214472 sur HEX #734F21


Code CSS:

background-image: linear-gradient(135deg, #214472 0%, #734F21 91%);

 

HEX #214472 sur HEX #734F21


Code CSS:

background-image: radial-gradient(circle, #214472 4%, #734F21 96%);

 

HEX #734F21 sur HEX #214472


Code CSS:

background-image: linear-gradient(135deg, #734F21 2%, #214472 94%);

 

HEX #734F21 sur HEX #214472


Code CSS:

background-image: radial-gradient(circle, #734F21 1%, #214472 95%);

 

HEX #214472 sur HEX #347321


Code CSS:

background-image: linear-gradient(135deg, #214472 14%, #347321 91%);

 

HEX #214472 sur HEX #347321


Code CSS:

background-image: radial-gradient(circle, #214472 0%, #347321 97%);

 

HEX #347321 sur HEX #214472


Code CSS:

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

 

HEX #347321 sur HEX #214472


Code CSS:

background-image: radial-gradient(circle, #347321 13%, #214472 96%);

Linéaire

HEX #214472 sur HEX #73216D


Code CSS:

background-image: linear-gradient(135deg, #214472 6%, #73216D 93%);

Radial

HEX #214472 sur HEX #73216D


Code CSS:

background-image: radial-gradient(circle, #214472 7%, #73216D 90%);

 

HEX #73216D sur HEX #214472


Code CSS:

background-image: linear-gradient(135deg, #73216D 11%, #214472 92%);

 

HEX #73216D sur HEX #214472


Code CSS:

background-image: radial-gradient(circle, #73216D 0%, #214472 94%);

 

HEX #214472 sur HEX #734F21


Code CSS:

background-image: linear-gradient(135deg, #214472 11%, #734F21 89%);

 

HEX #214472 sur HEX #734F21


Code CSS:

background-image: radial-gradient(circle, #214472 5%, #734F21 92%);

 

HEX #734F21 sur HEX #214472


Code CSS:

background-image: linear-gradient(135deg, #734F21 1%, #214472 96%);

 

HEX #734F21 sur HEX #214472


Code CSS:

background-image: radial-gradient(circle, #734F21 9%, #214472 93%);

 

HEX #214472 sur HEX #217327


Code CSS:

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

 

HEX #214472 sur HEX #217327


Code CSS:

background-image: radial-gradient(circle, #214472 12%, #217327 90%);

 

HEX #217327 sur HEX #214472


Code CSS:

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

 

HEX #217327 sur HEX #214472


Code CSS:

background-image: radial-gradient(circle, #217327 1%, #214472 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)

Pour pouvoir enregistrer les palettes de couleurs, une inscription est nécessaire.

Se connecter à votre compte

ou

Créer un compte

Partager la palette de couleurs actuelle
Doit-elle être publique ou privée?
Les liens suivent après le partage.

Annuler Partager

Palette de couleurs partagée
Veuillez copier et enregistrer le lien souhaité.

Partager

OK, j'ai copié les liens

Vos couleurs sont enregistrées dans une nouvelle palette de couleurs.
Vous pouvez la consulter sous votre profil.
Vous pouvez la personnaliser davantage, et la partager.

Afficher la palette de couleurs
Fermer

Créer une palette de couleurs

TéléchargerTélécharger dans différents formats

Tout supprimer

En cliquant sur , vous pouvez créer des palettes et télécharger les nuanciers.