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

CSS Gradients:
CMYK 74 / 32 / 0 / 39

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 40 Rouge, 106 Vert et 156 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.
40 106 156 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 74 cyan, 32 magenta, pas de jaune et 39 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.
74% 32% 0% 39% 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 #286A9C sur HEX #D79563


Code CSS:

background-image: linear-gradient(135deg, #286A9C 13%, #D79563 90%);

Radial

HEX #286A9C sur HEX #D79563


Code CSS:

background-image: radial-gradient(circle, #286A9C 14%, #D79563 93%);

 

HEX #D79563 sur HEX #286A9C


Code CSS:

background-image: linear-gradient(135deg, #D79563 11%, #286A9C 99%);

 

HEX #D79563 sur HEX #286A9C


Code CSS:

background-image: radial-gradient(circle, #D79563 9%, #286A9C 99%);

Linéaire

HEX #286A9C sur HEX #27889A


Code CSS:

background-image: linear-gradient(135deg, #286A9C 11%, #27889A 88%);

Radial

HEX #286A9C sur HEX #27889A


Code CSS:

background-image: radial-gradient(circle, #286A9C 7%, #27889A 95%);

 

HEX #27889A sur HEX #286A9C


Code CSS:

background-image: linear-gradient(135deg, #27889A 2%, #286A9C 93%);

 

HEX #27889A sur HEX #286A9C


Code CSS:

background-image: radial-gradient(circle, #27889A 8%, #286A9C 89%);

 

HEX #286A9C sur HEX #276A9A


Code CSS:

background-image: linear-gradient(135deg, #286A9C 11%, #276A9A 94%);

 

HEX #286A9C sur HEX #276A9A


Code CSS:

background-image: radial-gradient(circle, #286A9C 9%, #276A9A 87%);

 

HEX #276A9A sur HEX #286A9C


Code CSS:

background-image: linear-gradient(135deg, #276A9A 9%, #286A9C 92%);

 

HEX #276A9A sur HEX #286A9C


Code CSS:

background-image: radial-gradient(circle, #276A9A 8%, #286A9C 88%);

 

HEX #286A9C sur HEX #274B9A


Code CSS:

background-image: linear-gradient(135deg, #286A9C 9%, #274B9A 86%);

 

HEX #286A9C sur HEX #274B9A


Code CSS:

background-image: radial-gradient(circle, #286A9C 9%, #274B9A 98%);

 

HEX #274B9A sur HEX #286A9C


Code CSS:

background-image: linear-gradient(135deg, #274B9A 14%, #286A9C 96%);

 

HEX #274B9A sur HEX #286A9C


Code CSS:

background-image: radial-gradient(circle, #274B9A 0%, #286A9C 97%);

 

HEX #286A9C sur HEX #272D9A


Code CSS:

background-image: linear-gradient(135deg, #286A9C 7%, #272D9A 90%);

 

HEX #286A9C sur HEX #272D9A


Code CSS:

background-image: radial-gradient(circle, #286A9C 12%, #272D9A 86%);

 

HEX #272D9A sur HEX #286A9C


Code CSS:

background-image: linear-gradient(135deg, #272D9A 11%, #286A9C 94%);

 

HEX #272D9A sur HEX #286A9C


Code CSS:

background-image: radial-gradient(circle, #272D9A 1%, #286A9C 90%);

Linéaire

HEX #286A9C sur HEX #1F5279


Code CSS:

background-image: linear-gradient(135deg, #286A9C 13%, #1F5279 89%);

Radial

HEX #286A9C sur HEX #1F5279


Code CSS:

background-image: radial-gradient(circle, #286A9C 0%, #1F5279 88%);

 

HEX #1F5279 sur HEX #286A9C


Code CSS:

background-image: linear-gradient(135deg, #1F5279 10%, #286A9C 88%);

 

HEX #1F5279 sur HEX #286A9C


Code CSS:

background-image: radial-gradient(circle, #1F5279 8%, #286A9C 86%);

 

HEX #286A9C sur HEX #27689A


Code CSS:

background-image: linear-gradient(135deg, #286A9C 6%, #27689A 91%);

 

HEX #286A9C sur HEX #27689A


Code CSS:

background-image: radial-gradient(circle, #286A9C 12%, #27689A 98%);

 

HEX #27689A sur HEX #286A9C


Code CSS:

background-image: linear-gradient(135deg, #27689A 7%, #286A9C 98%);

 

HEX #27689A sur HEX #286A9C


Code CSS:

background-image: radial-gradient(circle, #27689A 4%, #286A9C 95%);

 

HEX #286A9C sur HEX #307FBA


Code CSS:

background-image: linear-gradient(135deg, #286A9C 14%, #307FBA 100%);

 

HEX #286A9C sur HEX #307FBA


Code CSS:

background-image: radial-gradient(circle, #286A9C 8%, #307FBA 96%);

 

HEX #307FBA sur HEX #286A9C


Code CSS:

background-image: linear-gradient(135deg, #307FBA 1%, #286A9C 100%);

 

HEX #307FBA sur HEX #286A9C


Code CSS:

background-image: radial-gradient(circle, #307FBA 13%, #286A9C 95%);

 

HEX #286A9C sur HEX #4593CF


Code CSS:

background-image: linear-gradient(135deg, #286A9C 2%, #4593CF 90%);

 

HEX #286A9C sur HEX #4593CF


Code CSS:

background-image: radial-gradient(circle, #286A9C 14%, #4593CF 96%);

 

HEX #4593CF sur HEX #286A9C


Code CSS:

background-image: linear-gradient(135deg, #4593CF 14%, #286A9C 95%);

 

HEX #4593CF sur HEX #286A9C


Code CSS:

background-image: radial-gradient(circle, #4593CF 7%, #286A9C 100%);

Linéaire

HEX #286A9C sur HEX #27889A


Code CSS:

background-image: linear-gradient(135deg, #286A9C 8%, #27889A 93%);

Radial

HEX #286A9C sur HEX #27889A


Code CSS:

background-image: radial-gradient(circle, #286A9C 3%, #27889A 96%);

 

HEX #27889A sur HEX #286A9C


Code CSS:

background-image: linear-gradient(135deg, #27889A 13%, #286A9C 87%);

 

HEX #27889A sur HEX #286A9C


Code CSS:

background-image: radial-gradient(circle, #27889A 0%, #286A9C 87%);

 

HEX #286A9C sur HEX #276A9A


Code CSS:

background-image: linear-gradient(135deg, #286A9C 13%, #276A9A 96%);

 

HEX #286A9C sur HEX #276A9A


Code CSS:

background-image: radial-gradient(circle, #286A9C 6%, #276A9A 93%);

 

HEX #276A9A sur HEX #286A9C


Code CSS:

background-image: linear-gradient(135deg, #276A9A 6%, #286A9C 97%);

 

HEX #276A9A sur HEX #286A9C


Code CSS:

background-image: radial-gradient(circle, #276A9A 7%, #286A9C 90%);

 

HEX #286A9C sur HEX #274B9A


Code CSS:

background-image: linear-gradient(135deg, #286A9C 8%, #274B9A 91%);

 

HEX #286A9C sur HEX #274B9A


Code CSS:

background-image: radial-gradient(circle, #286A9C 1%, #274B9A 94%);

 

HEX #274B9A sur HEX #286A9C


Code CSS:

background-image: linear-gradient(135deg, #274B9A 6%, #286A9C 87%);

 

HEX #274B9A sur HEX #286A9C


Code CSS:

background-image: radial-gradient(circle, #274B9A 7%, #286A9C 91%);

 

HEX #286A9C sur HEX #272D9A


Code CSS:

background-image: linear-gradient(135deg, #286A9C 2%, #272D9A 97%);

 

HEX #286A9C sur HEX #272D9A


Code CSS:

background-image: radial-gradient(circle, #286A9C 8%, #272D9A 92%);

 

HEX #272D9A sur HEX #286A9C


Code CSS:

background-image: linear-gradient(135deg, #272D9A 0%, #286A9C 97%);

 

HEX #272D9A sur HEX #286A9C


Code CSS:

background-image: radial-gradient(circle, #272D9A 12%, #286A9C 90%);

Linéaire

HEX #286A9C sur HEX #1F5279


Code CSS:

background-image: linear-gradient(135deg, #286A9C 12%, #1F5279 92%);

Radial

HEX #286A9C sur HEX #1F5279


Code CSS:

background-image: radial-gradient(circle, #286A9C 5%, #1F5279 94%);

 

HEX #1F5279 sur HEX #286A9C


Code CSS:

background-image: linear-gradient(135deg, #1F5279 11%, #286A9C 93%);

 

HEX #1F5279 sur HEX #286A9C


Code CSS:

background-image: radial-gradient(circle, #1F5279 8%, #286A9C 89%);

 

HEX #286A9C sur HEX #27689A


Code CSS:

background-image: linear-gradient(135deg, #286A9C 3%, #27689A 97%);

 

HEX #286A9C sur HEX #27689A


Code CSS:

background-image: radial-gradient(circle, #286A9C 11%, #27689A 86%);

 

HEX #27689A sur HEX #286A9C


Code CSS:

background-image: linear-gradient(135deg, #27689A 12%, #286A9C 94%);

 

HEX #27689A sur HEX #286A9C


Code CSS:

background-image: radial-gradient(circle, #27689A 9%, #286A9C 99%);

 

HEX #286A9C sur HEX #307FBA


Code CSS:

background-image: linear-gradient(135deg, #286A9C 3%, #307FBA 90%);

 

HEX #286A9C sur HEX #307FBA


Code CSS:

background-image: radial-gradient(circle, #286A9C 5%, #307FBA 94%);

 

HEX #307FBA sur HEX #286A9C


Code CSS:

background-image: linear-gradient(135deg, #307FBA 5%, #286A9C 86%);

 

HEX #307FBA sur HEX #286A9C


Code CSS:

background-image: radial-gradient(circle, #307FBA 11%, #286A9C 95%);

 

HEX #286A9C sur HEX #4593CF


Code CSS:

background-image: linear-gradient(135deg, #286A9C 11%, #4593CF 96%);

 

HEX #286A9C sur HEX #4593CF


Code CSS:

background-image: radial-gradient(circle, #286A9C 10%, #4593CF 87%);

 

HEX #4593CF sur HEX #286A9C


Code CSS:

background-image: linear-gradient(135deg, #4593CF 4%, #286A9C 96%);

 

HEX #4593CF sur HEX #286A9C


Code CSS:

background-image: radial-gradient(circle, #4593CF 12%, #286A9C 87%);

Linéaire

HEX #286A9C sur HEX #6E279A


Code CSS:

background-image: linear-gradient(135deg, #286A9C 7%, #6E279A 86%);

Radial

HEX #286A9C sur HEX #6E279A


Code CSS:

background-image: radial-gradient(circle, #286A9C 9%, #6E279A 98%);

 

HEX #6E279A sur HEX #286A9C


Code CSS:

background-image: linear-gradient(135deg, #6E279A 8%, #286A9C 90%);

 

HEX #6E279A sur HEX #286A9C


Code CSS:

background-image: radial-gradient(circle, #6E279A 4%, #286A9C 97%);

 

HEX #286A9C sur HEX #989A27


Code CSS:

background-image: linear-gradient(135deg, #286A9C 5%, #989A27 89%);

 

HEX #286A9C sur HEX #989A27


Code CSS:

background-image: radial-gradient(circle, #286A9C 7%, #989A27 98%);

 

HEX #989A27 sur HEX #286A9C


Code CSS:

background-image: linear-gradient(135deg, #989A27 14%, #286A9C 93%);

 

HEX #989A27 sur HEX #286A9C


Code CSS:

background-image: radial-gradient(circle, #989A27 10%, #286A9C 91%);

Linéaire

HEX #286A9C sur HEX #9A276A


Code CSS:

background-image: linear-gradient(135deg, #286A9C 8%, #9A276A 91%);

Radial

HEX #286A9C sur HEX #9A276A


Code CSS:

background-image: radial-gradient(circle, #286A9C 13%, #9A276A 96%);

 

HEX #9A276A sur HEX #286A9C


Code CSS:

background-image: linear-gradient(135deg, #9A276A 7%, #286A9C 90%);

 

HEX #9A276A sur HEX #286A9C


Code CSS:

background-image: radial-gradient(circle, #9A276A 10%, #286A9C 95%);

 

HEX #286A9C sur HEX #6A9A27


Code CSS:

background-image: linear-gradient(135deg, #286A9C 4%, #6A9A27 86%);

 

HEX #286A9C sur HEX #6A9A27


Code CSS:

background-image: radial-gradient(circle, #286A9C 3%, #6A9A27 86%);

 

HEX #6A9A27 sur HEX #286A9C


Code CSS:

background-image: linear-gradient(135deg, #6A9A27 12%, #286A9C 90%);

 

HEX #6A9A27 sur HEX #286A9C


Code CSS:

background-image: radial-gradient(circle, #6A9A27 7%, #286A9C 92%);

Linéaire

HEX #286A9C sur HEX #6E279A


Code CSS:

background-image: linear-gradient(135deg, #286A9C 2%, #6E279A 100%);

Radial

HEX #286A9C sur HEX #6E279A


Code CSS:

background-image: radial-gradient(circle, #286A9C 4%, #6E279A 95%);

 

HEX #6E279A sur HEX #286A9C


Code CSS:

background-image: linear-gradient(135deg, #6E279A 12%, #286A9C 87%);

 

HEX #6E279A sur HEX #286A9C


Code CSS:

background-image: radial-gradient(circle, #6E279A 5%, #286A9C 100%);

 

HEX #286A9C sur HEX #9A5727


Code CSS:

background-image: linear-gradient(135deg, #286A9C 9%, #9A5727 100%);

 

HEX #286A9C sur HEX #9A5727


Code CSS:

background-image: radial-gradient(circle, #286A9C 3%, #9A5727 87%);

 

HEX #9A5727 sur HEX #286A9C


Code CSS:

background-image: linear-gradient(135deg, #9A5727 11%, #286A9C 97%);

 

HEX #9A5727 sur HEX #286A9C


Code CSS:

background-image: radial-gradient(circle, #9A5727 3%, #286A9C 86%);

 

HEX #286A9C sur HEX #539A27


Code CSS:

background-image: linear-gradient(135deg, #286A9C 9%, #539A27 90%);

 

HEX #286A9C sur HEX #539A27


Code CSS:

background-image: radial-gradient(circle, #286A9C 6%, #539A27 91%);

 

HEX #539A27 sur HEX #286A9C


Code CSS:

background-image: linear-gradient(135deg, #539A27 13%, #286A9C 100%);

 

HEX #539A27 sur HEX #286A9C


Code CSS:

background-image: radial-gradient(circle, #539A27 13%, #286A9C 99%);

Linéaire

HEX #286A9C sur HEX #90279A


Code CSS:

background-image: linear-gradient(135deg, #286A9C 9%, #90279A 93%);

Radial

HEX #286A9C sur HEX #90279A


Code CSS:

background-image: radial-gradient(circle, #286A9C 0%, #90279A 93%);

 

HEX #90279A sur HEX #286A9C


Code CSS:

background-image: linear-gradient(135deg, #90279A 2%, #286A9C 96%);

 

HEX #90279A sur HEX #286A9C


Code CSS:

background-image: radial-gradient(circle, #90279A 4%, #286A9C 93%);

 

HEX #286A9C sur HEX #9A5727


Code CSS:

background-image: linear-gradient(135deg, #286A9C 14%, #9A5727 91%);

 

HEX #286A9C sur HEX #9A5727


Code CSS:

background-image: radial-gradient(circle, #286A9C 9%, #9A5727 94%);

 

HEX #9A5727 sur HEX #286A9C


Code CSS:

background-image: linear-gradient(135deg, #9A5727 8%, #286A9C 95%);

 

HEX #9A5727 sur HEX #286A9C


Code CSS:

background-image: radial-gradient(circle, #9A5727 1%, #286A9C 87%);

 

HEX #286A9C sur HEX #319A27


Code CSS:

background-image: linear-gradient(135deg, #286A9C 13%, #319A27 99%);

 

HEX #286A9C sur HEX #319A27


Code CSS:

background-image: radial-gradient(circle, #286A9C 11%, #319A27 86%);

 

HEX #319A27 sur HEX #286A9C


Code CSS:

background-image: linear-gradient(135deg, #319A27 12%, #286A9C 95%);

 

HEX #319A27 sur HEX #286A9C


Code CSS:

background-image: radial-gradient(circle, #319A27 13%, #286A9C 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

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

NCS® en RGB

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

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)

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.