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

CSS Gradients:
CMYK 37 / 0 / 30 / 17

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 élevées par rapport aux autres, cette teinte nous semble plus claire.

La décomposition de la couleur dans le système de couleurs RGB : dans cette teinte, sur 255 parts de couleurs maximales, respectivement 133 Rouge, 212 Vert et 148 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.
133 212 148 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 37 cyan, pas de magenta, 30 jaune et 17 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.
37% 0% 30% 17% 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 #85D494 sur HEX #7A2B6B


Code CSS:

background-image: linear-gradient(135deg, #85D494 1%, #7A2B6B 93%);

Radial

HEX #85D494 sur HEX #7A2B6B


Code CSS:

background-image: radial-gradient(circle, #85D494 12%, #7A2B6B 92%);

 

HEX #7A2B6B sur HEX #85D494


Code CSS:

background-image: linear-gradient(135deg, #7A2B6B 7%, #85D494 97%);

 

HEX #7A2B6B sur HEX #85D494


Code CSS:

background-image: radial-gradient(circle, #7A2B6B 7%, #85D494 93%);

Linéaire

HEX #85D494 sur HEX #8CD486


Code CSS:

background-image: linear-gradient(135deg, #85D494 3%, #8CD486 87%);

Radial

HEX #85D494 sur HEX #8CD486


Code CSS:

background-image: radial-gradient(circle, #85D494 14%, #8CD486 93%);

 

HEX #8CD486 sur HEX #85D494


Code CSS:

background-image: linear-gradient(135deg, #8CD486 4%, #85D494 96%);

 

HEX #8CD486 sur HEX #85D494


Code CSS:

background-image: radial-gradient(circle, #8CD486 5%, #85D494 97%);

 

HEX #85D494 sur HEX #86D494


Code CSS:

background-image: linear-gradient(135deg, #85D494 6%, #86D494 99%);

 

HEX #85D494 sur HEX #86D494


Code CSS:

background-image: radial-gradient(circle, #85D494 12%, #86D494 96%);

 

HEX #86D494 sur HEX #85D494


Code CSS:

background-image: linear-gradient(135deg, #86D494 13%, #85D494 88%);

 

HEX #86D494 sur HEX #85D494


Code CSS:

background-image: radial-gradient(circle, #86D494 2%, #85D494 93%);

 

HEX #85D494 sur HEX #86D4A9


Code CSS:

background-image: linear-gradient(135deg, #85D494 12%, #86D4A9 96%);

 

HEX #85D494 sur HEX #86D4A9


Code CSS:

background-image: radial-gradient(circle, #85D494 9%, #86D4A9 97%);

 

HEX #86D4A9 sur HEX #85D494


Code CSS:

background-image: linear-gradient(135deg, #86D4A9 11%, #85D494 97%);

 

HEX #86D4A9 sur HEX #85D494


Code CSS:

background-image: radial-gradient(circle, #86D4A9 12%, #85D494 93%);

 

HEX #85D494 sur HEX #86D4BE


Code CSS:

background-image: linear-gradient(135deg, #85D494 3%, #86D4BE 91%);

 

HEX #85D494 sur HEX #86D4BE


Code CSS:

background-image: radial-gradient(circle, #85D494 6%, #86D4BE 97%);

 

HEX #86D4BE sur HEX #85D494


Code CSS:

background-image: linear-gradient(135deg, #86D4BE 5%, #85D494 86%);

 

HEX #86D4BE sur HEX #85D494


Code CSS:

background-image: radial-gradient(circle, #86D4BE 1%, #85D494 98%);

Linéaire

HEX #85D494 sur HEX #67C97A


Code CSS:

background-image: linear-gradient(135deg, #85D494 8%, #67C97A 94%);

Radial

HEX #85D494 sur HEX #67C97A


Code CSS:

background-image: radial-gradient(circle, #85D494 14%, #67C97A 93%);

 

HEX #67C97A sur HEX #85D494


Code CSS:

background-image: linear-gradient(135deg, #67C97A 2%, #85D494 91%);

 

HEX #67C97A sur HEX #85D494


Code CSS:

background-image: radial-gradient(circle, #67C97A 13%, #85D494 100%);

 

HEX #85D494 sur HEX #86D495


Code CSS:

background-image: linear-gradient(135deg, #85D494 14%, #86D495 94%);

 

HEX #85D494 sur HEX #86D495


Code CSS:

background-image: radial-gradient(circle, #85D494 13%, #86D495 94%);

 

HEX #86D495 sur HEX #85D494


Code CSS:

background-image: linear-gradient(135deg, #86D495 4%, #85D494 87%);

 

HEX #86D495 sur HEX #85D494


Code CSS:

background-image: radial-gradient(circle, #86D495 2%, #85D494 86%);

 

HEX #85D494 sur HEX #A4DFAF


Code CSS:

background-image: linear-gradient(135deg, #85D494 8%, #A4DFAF 94%);

 

HEX #85D494 sur HEX #A4DFAF


Code CSS:

background-image: radial-gradient(circle, #85D494 8%, #A4DFAF 92%);

 

HEX #A4DFAF sur HEX #85D494


Code CSS:

background-image: linear-gradient(135deg, #A4DFAF 8%, #85D494 97%);

 

HEX #A4DFAF sur HEX #85D494


Code CSS:

background-image: radial-gradient(circle, #A4DFAF 8%, #85D494 98%);

 

HEX #85D494 sur HEX #C3EACA


Code CSS:

background-image: linear-gradient(135deg, #85D494 7%, #C3EACA 100%);

 

HEX #85D494 sur HEX #C3EACA


Code CSS:

background-image: radial-gradient(circle, #85D494 12%, #C3EACA 96%);

 

HEX #C3EACA sur HEX #85D494


Code CSS:

background-image: linear-gradient(135deg, #C3EACA 13%, #85D494 94%);

 

HEX #C3EACA sur HEX #85D494


Code CSS:

background-image: radial-gradient(circle, #C3EACA 14%, #85D494 90%);

Linéaire

HEX #85D494 sur HEX #8CD486


Code CSS:

background-image: linear-gradient(135deg, #85D494 6%, #8CD486 95%);

Radial

HEX #85D494 sur HEX #8CD486


Code CSS:

background-image: radial-gradient(circle, #85D494 6%, #8CD486 88%);

 

HEX #8CD486 sur HEX #85D494


Code CSS:

background-image: linear-gradient(135deg, #8CD486 2%, #85D494 92%);

 

HEX #8CD486 sur HEX #85D494


Code CSS:

background-image: radial-gradient(circle, #8CD486 12%, #85D494 98%);

 

HEX #85D494 sur HEX #86D494


Code CSS:

background-image: linear-gradient(135deg, #85D494 6%, #86D494 88%);

 

HEX #85D494 sur HEX #86D494


Code CSS:

background-image: radial-gradient(circle, #85D494 2%, #86D494 91%);

 

HEX #86D494 sur HEX #85D494


Code CSS:

background-image: linear-gradient(135deg, #86D494 10%, #85D494 91%);

 

HEX #86D494 sur HEX #85D494


Code CSS:

background-image: radial-gradient(circle, #86D494 11%, #85D494 94%);

 

HEX #85D494 sur HEX #86D4A9


Code CSS:

background-image: linear-gradient(135deg, #85D494 13%, #86D4A9 94%);

 

HEX #85D494 sur HEX #86D4A9


Code CSS:

background-image: radial-gradient(circle, #85D494 2%, #86D4A9 95%);

 

HEX #86D4A9 sur HEX #85D494


Code CSS:

background-image: linear-gradient(135deg, #86D4A9 0%, #85D494 97%);

 

HEX #86D4A9 sur HEX #85D494


Code CSS:

background-image: radial-gradient(circle, #86D4A9 10%, #85D494 98%);

 

HEX #85D494 sur HEX #86D4BE


Code CSS:

background-image: linear-gradient(135deg, #85D494 1%, #86D4BE 88%);

 

HEX #85D494 sur HEX #86D4BE


Code CSS:

background-image: radial-gradient(circle, #85D494 1%, #86D4BE 87%);

 

HEX #86D4BE sur HEX #85D494


Code CSS:

background-image: linear-gradient(135deg, #86D4BE 0%, #85D494 94%);

 

HEX #86D4BE sur HEX #85D494


Code CSS:

background-image: radial-gradient(circle, #86D4BE 0%, #85D494 93%);

Linéaire

HEX #85D494 sur HEX #67C97A


Code CSS:

background-image: linear-gradient(135deg, #85D494 8%, #67C97A 98%);

Radial

HEX #85D494 sur HEX #67C97A


Code CSS:

background-image: radial-gradient(circle, #85D494 5%, #67C97A 94%);

 

HEX #67C97A sur HEX #85D494


Code CSS:

background-image: linear-gradient(135deg, #67C97A 3%, #85D494 95%);

 

HEX #67C97A sur HEX #85D494


Code CSS:

background-image: radial-gradient(circle, #67C97A 4%, #85D494 91%);

 

HEX #85D494 sur HEX #86D495


Code CSS:

background-image: linear-gradient(135deg, #85D494 8%, #86D495 90%);

 

HEX #85D494 sur HEX #86D495


Code CSS:

background-image: radial-gradient(circle, #85D494 14%, #86D495 95%);

 

HEX #86D495 sur HEX #85D494


Code CSS:

background-image: linear-gradient(135deg, #86D495 7%, #85D494 100%);

 

HEX #86D495 sur HEX #85D494


Code CSS:

background-image: radial-gradient(circle, #86D495 1%, #85D494 89%);

 

HEX #85D494 sur HEX #A4DFAF


Code CSS:

background-image: linear-gradient(135deg, #85D494 10%, #A4DFAF 93%);

 

HEX #85D494 sur HEX #A4DFAF


Code CSS:

background-image: radial-gradient(circle, #85D494 7%, #A4DFAF 95%);

 

HEX #A4DFAF sur HEX #85D494


Code CSS:

background-image: linear-gradient(135deg, #A4DFAF 10%, #85D494 91%);

 

HEX #A4DFAF sur HEX #85D494


Code CSS:

background-image: radial-gradient(circle, #A4DFAF 14%, #85D494 99%);

 

HEX #85D494 sur HEX #C3EACA


Code CSS:

background-image: linear-gradient(135deg, #85D494 14%, #C3EACA 95%);

 

HEX #85D494 sur HEX #C3EACA


Code CSS:

background-image: radial-gradient(circle, #85D494 14%, #C3EACA 86%);

 

HEX #C3EACA sur HEX #85D494


Code CSS:

background-image: linear-gradient(135deg, #C3EACA 8%, #85D494 88%);

 

HEX #C3EACA sur HEX #85D494


Code CSS:

background-image: radial-gradient(circle, #C3EACA 14%, #85D494 93%);

Linéaire

HEX #85D494 sur HEX #86B6D4


Code CSS:

background-image: linear-gradient(135deg, #85D494 7%, #86B6D4 90%);

Radial

HEX #85D494 sur HEX #86B6D4


Code CSS:

background-image: radial-gradient(circle, #85D494 0%, #86B6D4 91%);

 

HEX #86B6D4 sur HEX #85D494


Code CSS:

background-image: linear-gradient(135deg, #86B6D4 1%, #85D494 88%);

 

HEX #86B6D4 sur HEX #85D494


Code CSS:

background-image: radial-gradient(circle, #86B6D4 2%, #85D494 86%);

 

HEX #85D494 sur HEX #D48697


Code CSS:

background-image: linear-gradient(135deg, #85D494 2%, #D48697 97%);

 

HEX #85D494 sur HEX #D48697


Code CSS:

background-image: radial-gradient(circle, #85D494 3%, #D48697 88%);

 

HEX #D48697 sur HEX #85D494


Code CSS:

background-image: linear-gradient(135deg, #D48697 0%, #85D494 86%);

 

HEX #D48697 sur HEX #85D494


Code CSS:

background-image: radial-gradient(circle, #D48697 8%, #85D494 87%);

Linéaire

HEX #85D494 sur HEX #9486D4


Code CSS:

background-image: linear-gradient(135deg, #85D494 9%, #9486D4 90%);

Radial

HEX #85D494 sur HEX #9486D4


Code CSS:

background-image: radial-gradient(circle, #85D494 0%, #9486D4 94%);

 

HEX #9486D4 sur HEX #85D494


Code CSS:

background-image: linear-gradient(135deg, #9486D4 11%, #85D494 90%);

 

HEX #9486D4 sur HEX #85D494


Code CSS:

background-image: radial-gradient(circle, #9486D4 6%, #85D494 98%);

 

HEX #85D494 sur HEX #D49486


Code CSS:

background-image: linear-gradient(135deg, #85D494 10%, #D49486 88%);

 

HEX #85D494 sur HEX #D49486


Code CSS:

background-image: radial-gradient(circle, #85D494 7%, #D49486 91%);

 

HEX #D49486 sur HEX #85D494


Code CSS:

background-image: linear-gradient(135deg, #D49486 8%, #85D494 88%);

 

HEX #D49486 sur HEX #85D494


Code CSS:

background-image: radial-gradient(circle, #D49486 8%, #85D494 89%);

Linéaire

HEX #85D494 sur HEX #86B6D4


Code CSS:

background-image: linear-gradient(135deg, #85D494 13%, #86B6D4 95%);

Radial

HEX #85D494 sur HEX #86B6D4


Code CSS:

background-image: radial-gradient(circle, #85D494 0%, #86B6D4 99%);

 

HEX #86B6D4 sur HEX #85D494


Code CSS:

background-image: linear-gradient(135deg, #86B6D4 14%, #85D494 94%);

 

HEX #86B6D4 sur HEX #85D494


Code CSS:

background-image: radial-gradient(circle, #86B6D4 2%, #85D494 99%);

 

HEX #85D494 sur HEX #D486C6


Code CSS:

background-image: linear-gradient(135deg, #85D494 6%, #D486C6 97%);

 

HEX #85D494 sur HEX #D486C6


Code CSS:

background-image: radial-gradient(circle, #85D494 1%, #D486C6 97%);

 

HEX #D486C6 sur HEX #85D494


Code CSS:

background-image: linear-gradient(135deg, #D486C6 14%, #85D494 91%);

 

HEX #D486C6 sur HEX #85D494


Code CSS:

background-image: radial-gradient(circle, #D486C6 9%, #85D494 96%);

 

HEX #85D494 sur HEX #D4A486


Code CSS:

background-image: linear-gradient(135deg, #85D494 4%, #D4A486 90%);

 

HEX #85D494 sur HEX #D4A486


Code CSS:

background-image: radial-gradient(circle, #85D494 7%, #D4A486 93%);

 

HEX #D4A486 sur HEX #85D494


Code CSS:

background-image: linear-gradient(135deg, #D4A486 12%, #85D494 97%);

 

HEX #D4A486 sur HEX #85D494


Code CSS:

background-image: radial-gradient(circle, #D4A486 2%, #85D494 99%);

Linéaire

HEX #85D494 sur HEX #869FD4


Code CSS:

background-image: linear-gradient(135deg, #85D494 7%, #869FD4 90%);

Radial

HEX #85D494 sur HEX #869FD4


Code CSS:

background-image: radial-gradient(circle, #85D494 14%, #869FD4 92%);

 

HEX #869FD4 sur HEX #85D494


Code CSS:

background-image: linear-gradient(135deg, #869FD4 10%, #85D494 89%);

 

HEX #869FD4 sur HEX #85D494


Code CSS:

background-image: radial-gradient(circle, #869FD4 5%, #85D494 99%);

 

HEX #85D494 sur HEX #D486C6


Code CSS:

background-image: linear-gradient(135deg, #85D494 8%, #D486C6 94%);

 

HEX #85D494 sur HEX #D486C6


Code CSS:

background-image: radial-gradient(circle, #85D494 10%, #D486C6 88%);

 

HEX #D486C6 sur HEX #85D494


Code CSS:

background-image: linear-gradient(135deg, #D486C6 7%, #85D494 98%);

 

HEX #D486C6 sur HEX #85D494


Code CSS:

background-image: radial-gradient(circle, #D486C6 11%, #85D494 88%);

 

HEX #85D494 sur HEX #D4BB86


Code CSS:

background-image: linear-gradient(135deg, #85D494 9%, #D4BB86 88%);

 

HEX #85D494 sur HEX #D4BB86


Code CSS:

background-image: radial-gradient(circle, #85D494 9%, #D4BB86 98%);

 

HEX #D4BB86 sur HEX #85D494


Code CSS:

background-image: linear-gradient(135deg, #D4BB86 2%, #85D494 88%);

 

HEX #D4BB86 sur HEX #85D494


Code CSS:

background-image: radial-gradient(circle, #D4BB86 5%, #85D494 97%);

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.