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

✕

CSS Gradients:
CMYK 0 / 32 / 52 / 16

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 214 Rouge, 146 Vert et 103 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.
214 146 103 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 pas de cyan, 32 magenta, 52 jaune et 16 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.
0% 32% 52% 16% 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 #D69267 sur HEX #296D98


Code CSS:

background-image: linear-gradient(135deg, #D69267 14%, #296D98 96%);

Radial

HEX #D69267 sur HEX #296D98


Code CSS:

background-image: radial-gradient(circle, #D69267 3%, #296D98 90%);

 

HEX #296D98 sur HEX #D69267


Code CSS:

background-image: linear-gradient(135deg, #296D98 9%, #D69267 95%);

 

HEX #296D98 sur HEX #D69267


Code CSS:

background-image: radial-gradient(circle, #296D98 12%, #D69267 91%);

Linéaire

HEX #D69267 sur HEX #D67365


Code CSS:

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

Radial

HEX #D69267 sur HEX #D67365


Code CSS:

background-image: radial-gradient(circle, #D69267 10%, #D67365 89%);

 

HEX #D67365 sur HEX #D69267


Code CSS:

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

 

HEX #D67365 sur HEX #D69267


Code CSS:

background-image: radial-gradient(circle, #D67365 12%, #D69267 87%);

 

HEX #D69267 sur HEX #D69065


Code CSS:

background-image: linear-gradient(135deg, #D69267 14%, #D69065 89%);

 

HEX #D69267 sur HEX #D69065


Code CSS:

background-image: radial-gradient(circle, #D69267 7%, #D69065 98%);

 

HEX #D69065 sur HEX #D69267


Code CSS:

background-image: linear-gradient(135deg, #D69065 5%, #D69267 100%);

 

HEX #D69065 sur HEX #D69267


Code CSS:

background-image: radial-gradient(circle, #D69065 7%, #D69267 93%);

 

HEX #D69267 sur HEX #D6AE65


Code CSS:

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

 

HEX #D69267 sur HEX #D6AE65


Code CSS:

background-image: radial-gradient(circle, #D69267 14%, #D6AE65 97%);

 

HEX #D6AE65 sur HEX #D69267


Code CSS:

background-image: linear-gradient(135deg, #D6AE65 0%, #D69267 91%);

 

HEX #D6AE65 sur HEX #D69267


Code CSS:

background-image: radial-gradient(circle, #D6AE65 12%, #D69267 90%);

 

HEX #D69267 sur HEX #D6CC65


Code CSS:

background-image: linear-gradient(135deg, #D69267 6%, #D6CC65 86%);

 

HEX #D69267 sur HEX #D6CC65


Code CSS:

background-image: radial-gradient(circle, #D69267 14%, #D6CC65 96%);

 

HEX #D6CC65 sur HEX #D69267


Code CSS:

background-image: linear-gradient(135deg, #D6CC65 9%, #D69267 95%);

 

HEX #D6CC65 sur HEX #D69267


Code CSS:

background-image: radial-gradient(circle, #D6CC65 10%, #D69267 94%);

Linéaire

HEX #D69267 sur HEX #CD7A45


Code CSS:

background-image: linear-gradient(135deg, #D69267 6%, #CD7A45 91%);

Radial

HEX #D69267 sur HEX #CD7A45


Code CSS:

background-image: radial-gradient(circle, #D69267 10%, #CD7A45 87%);

 

HEX #CD7A45 sur HEX #D69267


Code CSS:

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

 

HEX #CD7A45 sur HEX #D69267


Code CSS:

background-image: radial-gradient(circle, #CD7A45 8%, #D69267 97%);

 

HEX #D69267 sur HEX #D69165


Code CSS:

background-image: linear-gradient(135deg, #D69267 9%, #D69165 86%);

 

HEX #D69267 sur HEX #D69165


Code CSS:

background-image: radial-gradient(circle, #D69267 6%, #D69165 87%);

 

HEX #D69165 sur HEX #D69267


Code CSS:

background-image: linear-gradient(135deg, #D69165 9%, #D69267 98%);

 

HEX #D69165 sur HEX #D69267


Code CSS:

background-image: radial-gradient(circle, #D69165 3%, #D69267 92%);

 

HEX #D69267 sur HEX #DEA886


Code CSS:

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

 

HEX #D69267 sur HEX #DEA886


Code CSS:

background-image: radial-gradient(circle, #D69267 9%, #DEA886 88%);

 

HEX #DEA886 sur HEX #D69267


Code CSS:

background-image: linear-gradient(135deg, #DEA886 7%, #D69267 90%);

 

HEX #DEA886 sur HEX #D69267


Code CSS:

background-image: radial-gradient(circle, #DEA886 8%, #D69267 90%);

 

HEX #D69267 sur HEX #E7C0A7


Code CSS:

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

 

HEX #D69267 sur HEX #E7C0A7


Code CSS:

background-image: radial-gradient(circle, #D69267 6%, #E7C0A7 96%);

 

HEX #E7C0A7 sur HEX #D69267


Code CSS:

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

 

HEX #E7C0A7 sur HEX #D69267


Code CSS:

background-image: radial-gradient(circle, #E7C0A7 14%, #D69267 99%);

Linéaire

HEX #D69267 sur HEX #D67365


Code CSS:

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

Radial

HEX #D69267 sur HEX #D67365


Code CSS:

background-image: radial-gradient(circle, #D69267 6%, #D67365 88%);

 

HEX #D67365 sur HEX #D69267


Code CSS:

background-image: linear-gradient(135deg, #D67365 6%, #D69267 97%);

 

HEX #D67365 sur HEX #D69267


Code CSS:

background-image: radial-gradient(circle, #D67365 4%, #D69267 96%);

 

HEX #D69267 sur HEX #D69065


Code CSS:

background-image: linear-gradient(135deg, #D69267 10%, #D69065 92%);

 

HEX #D69267 sur HEX #D69065


Code CSS:

background-image: radial-gradient(circle, #D69267 7%, #D69065 86%);

 

HEX #D69065 sur HEX #D69267


Code CSS:

background-image: linear-gradient(135deg, #D69065 14%, #D69267 93%);

 

HEX #D69065 sur HEX #D69267


Code CSS:

background-image: radial-gradient(circle, #D69065 5%, #D69267 90%);

 

HEX #D69267 sur HEX #D6AE65


Code CSS:

background-image: linear-gradient(135deg, #D69267 0%, #D6AE65 91%);

 

HEX #D69267 sur HEX #D6AE65


Code CSS:

background-image: radial-gradient(circle, #D69267 9%, #D6AE65 99%);

 

HEX #D6AE65 sur HEX #D69267


Code CSS:

background-image: linear-gradient(135deg, #D6AE65 5%, #D69267 91%);

 

HEX #D6AE65 sur HEX #D69267


Code CSS:

background-image: radial-gradient(circle, #D6AE65 0%, #D69267 89%);

 

HEX #D69267 sur HEX #D6CC65


Code CSS:

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

 

HEX #D69267 sur HEX #D6CC65


Code CSS:

background-image: radial-gradient(circle, #D69267 13%, #D6CC65 87%);

 

HEX #D6CC65 sur HEX #D69267


Code CSS:

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

 

HEX #D6CC65 sur HEX #D69267


Code CSS:

background-image: radial-gradient(circle, #D6CC65 14%, #D69267 94%);

Linéaire

HEX #D69267 sur HEX #CD7A45


Code CSS:

background-image: linear-gradient(135deg, #D69267 14%, #CD7A45 86%);

Radial

HEX #D69267 sur HEX #CD7A45


Code CSS:

background-image: radial-gradient(circle, #D69267 8%, #CD7A45 93%);

 

HEX #CD7A45 sur HEX #D69267


Code CSS:

background-image: linear-gradient(135deg, #CD7A45 5%, #D69267 90%);

 

HEX #CD7A45 sur HEX #D69267


Code CSS:

background-image: radial-gradient(circle, #CD7A45 12%, #D69267 95%);

 

HEX #D69267 sur HEX #D69165


Code CSS:

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

 

HEX #D69267 sur HEX #D69165


Code CSS:

background-image: radial-gradient(circle, #D69267 4%, #D69165 94%);

 

HEX #D69165 sur HEX #D69267


Code CSS:

background-image: linear-gradient(135deg, #D69165 4%, #D69267 98%);

 

HEX #D69165 sur HEX #D69267


Code CSS:

background-image: radial-gradient(circle, #D69165 11%, #D69267 95%);

 

HEX #D69267 sur HEX #DEA886


Code CSS:

background-image: linear-gradient(135deg, #D69267 12%, #DEA886 98%);

 

HEX #D69267 sur HEX #DEA886


Code CSS:

background-image: radial-gradient(circle, #D69267 11%, #DEA886 97%);

 

HEX #DEA886 sur HEX #D69267


Code CSS:

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

 

HEX #DEA886 sur HEX #D69267


Code CSS:

background-image: radial-gradient(circle, #DEA886 2%, #D69267 96%);

 

HEX #D69267 sur HEX #E7C0A7


Code CSS:

background-image: linear-gradient(135deg, #D69267 12%, #E7C0A7 92%);

 

HEX #D69267 sur HEX #E7C0A7


Code CSS:

background-image: radial-gradient(circle, #D69267 1%, #E7C0A7 86%);

 

HEX #E7C0A7 sur HEX #D69267


Code CSS:

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

 

HEX #E7C0A7 sur HEX #D69267


Code CSS:

background-image: radial-gradient(circle, #E7C0A7 7%, #D69267 99%);

Linéaire

HEX #D69267 sur HEX #94D665


Code CSS:

background-image: linear-gradient(135deg, #D69267 6%, #94D665 87%);

Radial

HEX #D69267 sur HEX #94D665


Code CSS:

background-image: radial-gradient(circle, #D69267 6%, #94D665 91%);

 

HEX #94D665 sur HEX #D69267


Code CSS:

background-image: linear-gradient(135deg, #94D665 14%, #D69267 96%);

 

HEX #94D665 sur HEX #D69267


Code CSS:

background-image: radial-gradient(circle, #94D665 7%, #D69267 90%);

 

HEX #D69267 sur HEX #6567D6


Code CSS:

background-image: linear-gradient(135deg, #D69267 5%, #6567D6 97%);

 

HEX #D69267 sur HEX #6567D6


Code CSS:

background-image: radial-gradient(circle, #D69267 7%, #6567D6 92%);

 

HEX #6567D6 sur HEX #D69267


Code CSS:

background-image: linear-gradient(135deg, #6567D6 4%, #D69267 90%);

 

HEX #6567D6 sur HEX #D69267


Code CSS:

background-image: radial-gradient(circle, #6567D6 8%, #D69267 88%);

Linéaire

HEX #D69267 sur HEX #65D690


Code CSS:

background-image: linear-gradient(135deg, #D69267 1%, #65D690 99%);

Radial

HEX #D69267 sur HEX #65D690


Code CSS:

background-image: radial-gradient(circle, #D69267 7%, #65D690 90%);

 

HEX #65D690 sur HEX #D69267


Code CSS:

background-image: linear-gradient(135deg, #65D690 1%, #D69267 88%);

 

HEX #65D690 sur HEX #D69267


Code CSS:

background-image: radial-gradient(circle, #65D690 6%, #D69267 99%);

 

HEX #D69267 sur HEX #9065D6


Code CSS:

background-image: linear-gradient(135deg, #D69267 1%, #9065D6 89%);

 

HEX #D69267 sur HEX #9065D6


Code CSS:

background-image: radial-gradient(circle, #D69267 0%, #9065D6 91%);

 

HEX #9065D6 sur HEX #D69267


Code CSS:

background-image: linear-gradient(135deg, #9065D6 4%, #D69267 94%);

 

HEX #9065D6 sur HEX #D69267


Code CSS:

background-image: radial-gradient(circle, #9065D6 0%, #D69267 92%);

Linéaire

HEX #D69267 sur HEX #94D665


Code CSS:

background-image: linear-gradient(135deg, #D69267 13%, #94D665 96%);

Radial

HEX #D69267 sur HEX #94D665


Code CSS:

background-image: radial-gradient(circle, #D69267 11%, #94D665 90%);

 

HEX #94D665 sur HEX #D69267


Code CSS:

background-image: linear-gradient(135deg, #94D665 14%, #D69267 98%);

 

HEX #94D665 sur HEX #D69267


Code CSS:

background-image: radial-gradient(circle, #94D665 5%, #D69267 86%);

 

HEX #D69267 sur HEX #65ABD6


Code CSS:

background-image: linear-gradient(135deg, #D69267 2%, #65ABD6 99%);

 

HEX #D69267 sur HEX #65ABD6


Code CSS:

background-image: radial-gradient(circle, #D69267 9%, #65ABD6 86%);

 

HEX #65ABD6 sur HEX #D69267


Code CSS:

background-image: linear-gradient(135deg, #65ABD6 1%, #D69267 87%);

 

HEX #65ABD6 sur HEX #D69267


Code CSS:

background-image: radial-gradient(circle, #65ABD6 13%, #D69267 89%);

 

HEX #D69267 sur HEX #A765D6


Code CSS:

background-image: linear-gradient(135deg, #D69267 7%, #A765D6 98%);

 

HEX #D69267 sur HEX #A765D6


Code CSS:

background-image: radial-gradient(circle, #D69267 9%, #A765D6 86%);

 

HEX #A765D6 sur HEX #D69267


Code CSS:

background-image: linear-gradient(135deg, #A765D6 6%, #D69267 87%);

 

HEX #A765D6 sur HEX #D69267


Code CSS:

background-image: radial-gradient(circle, #A765D6 8%, #D69267 99%);

Linéaire

HEX #D69267 sur HEX #73D665


Code CSS:

background-image: linear-gradient(135deg, #D69267 13%, #73D665 93%);

Radial

HEX #D69267 sur HEX #73D665


Code CSS:

background-image: radial-gradient(circle, #D69267 4%, #73D665 93%);

 

HEX #73D665 sur HEX #D69267


Code CSS:

background-image: linear-gradient(135deg, #73D665 1%, #D69267 94%);

 

HEX #73D665 sur HEX #D69267


Code CSS:

background-image: radial-gradient(circle, #73D665 3%, #D69267 88%);

 

HEX #D69267 sur HEX #65ABD6


Code CSS:

background-image: linear-gradient(135deg, #D69267 14%, #65ABD6 92%);

 

HEX #D69267 sur HEX #65ABD6


Code CSS:

background-image: radial-gradient(circle, #D69267 13%, #65ABD6 93%);

 

HEX #65ABD6 sur HEX #D69267


Code CSS:

background-image: linear-gradient(135deg, #65ABD6 13%, #D69267 92%);

 

HEX #65ABD6 sur HEX #D69267


Code CSS:

background-image: radial-gradient(circle, #65ABD6 3%, #D69267 98%);

 

HEX #D69267 sur HEX #C965D6


Code CSS:

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

 

HEX #D69267 sur HEX #C965D6


Code CSS:

background-image: radial-gradient(circle, #D69267 10%, #C965D6 91%);

 

HEX #C965D6 sur HEX #D69267


Code CSS:

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

 

HEX #C965D6 sur HEX #D69267


Code CSS:

background-image: radial-gradient(circle, #C965D6 2%, #D69267 87%);

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

NCS® en RGB

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

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.

© 2019-2025 in cooperation ND-DESIGN.WORKS & frag-bobby.de