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

✕

CSS Gradients:
RGB 168 121 71

Information

ferme tous les

Dégradé de 2 couleurs - Couleur complémentaire

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.

Dégradé de 2 couleurs - Teintes plus claires

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.

Dégradé de 2 couleurs - Teintes plus foncées

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 168 Rouge, 121 Vert et 71 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.

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, 28 magenta, 58 jaune et 34 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.

Vérification de leur palette de couleurs en tant que fabricant !

Offrez aux designers et aux agences des valeurs chromatiques précises.

Dégradé de 2 couleurs de RGB 168 121 71 - Couleur complémentaire

Linéaire

HEX #A87947 sur HEX #5786B8

Code CSS:

background-image: linear-gradient(135deg, #A87947 9%, #5786B8 88%);

Radial

HEX #A87947 sur HEX #5786B8

Code CSS:

background-image: radial-gradient(circle, #A87947 13%, #5786B8 88%);

HEX #5786B8 sur HEX #A87947

Code CSS:

background-image: linear-gradient(135deg, #5786B8 0%, #A87947 90%);

HEX #5786B8 sur HEX #A87947

Code CSS:

background-image: radial-gradient(circle, #5786B8 5%, #A87947 93%);

Dégradé de 2 couleurs de RGB 168 121 71 - Teintes plus claires

Linéaire

HEX #A87947 sur HEX #A85D46

Code CSS:

background-image: linear-gradient(135deg, #A87947 5%, #A85D46 94%);

Radial

HEX #A87947 sur HEX #A85D46

Code CSS:

background-image: radial-gradient(circle, #A87947 1%, #A85D46 88%);

HEX #A85D46 sur HEX #A87947

Code CSS:

background-image: linear-gradient(135deg, #A85D46 4%, #A87947 88%);

HEX #A85D46 sur HEX #A87947

Code CSS:

background-image: radial-gradient(circle, #A85D46 11%, #A87947 97%);

HEX #A87947 sur HEX #A87746

Code CSS:

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

HEX #A87947 sur HEX #A87746

Code CSS:

background-image: radial-gradient(circle, #A87947 4%, #A87746 97%);

HEX #A87746 sur HEX #A87947

Code CSS:

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

HEX #A87746 sur HEX #A87947

Code CSS:

background-image: radial-gradient(circle, #A87746 5%, #A87947 97%);

HEX #A87947 sur HEX #A89246

Code CSS:

background-image: linear-gradient(135deg, #A87947 3%, #A89246 93%);

HEX #A87947 sur HEX #A89246

Code CSS:

background-image: radial-gradient(circle, #A87947 9%, #A89246 86%);

HEX #A89246 sur HEX #A87947

Code CSS:

background-image: linear-gradient(135deg, #A89246 0%, #A87947 97%);

HEX #A89246 sur HEX #A87947

Code CSS:

background-image: radial-gradient(circle, #A89246 8%, #A87947 94%);

HEX #A87947 sur HEX #A5A846

Code CSS:

background-image: linear-gradient(135deg, #A87947 13%, #A5A846 89%);

HEX #A87947 sur HEX #A5A846

Code CSS:

background-image: radial-gradient(circle, #A87947 7%, #A5A846 88%);

HEX #A5A846 sur HEX #A87947

Code CSS:

background-image: linear-gradient(135deg, #A5A846 3%, #A87947 91%);

HEX #A5A846 sur HEX #A87947

Code CSS:

background-image: radial-gradient(circle, #A5A846 7%, #A87947 87%);

Dégradé de 2 couleurs de RGB 168 121 71 - Teintes plus foncées

Linéaire

HEX #A87947 sur HEX #8B643A

Code CSS:

background-image: linear-gradient(135deg, #A87947 0%, #8B643A 99%);

Radial

HEX #A87947 sur HEX #8B643A

Code CSS:

background-image: radial-gradient(circle, #A87947 10%, #8B643A 86%);

HEX #8B643A sur HEX #A87947

Code CSS:

background-image: linear-gradient(135deg, #8B643A 12%, #A87947 93%);

HEX #8B643A sur HEX #A87947

Code CSS:

background-image: radial-gradient(circle, #8B643A 9%, #A87947 100%);

HEX #A87947 sur HEX #A87946

Code CSS:

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

HEX #A87947 sur HEX #A87946

Code CSS:

background-image: radial-gradient(circle, #A87947 10%, #A87946 93%);

HEX #A87946 sur HEX #A87947

Code CSS:

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

HEX #A87946 sur HEX #A87947

Code CSS:

background-image: radial-gradient(circle, #A87946 3%, #A87947 89%);

HEX #A87947 sur HEX #BB8D5D

Code CSS:

background-image: linear-gradient(135deg, #A87947 3%, #BB8D5D 95%);

HEX #A87947 sur HEX #BB8D5D

Code CSS:

background-image: radial-gradient(circle, #A87947 5%, #BB8D5D 100%);

HEX #BB8D5D sur HEX #A87947

Code CSS:

background-image: linear-gradient(135deg, #BB8D5D 5%, #A87947 99%);

HEX #BB8D5D sur HEX #A87947

Code CSS:

background-image: radial-gradient(circle, #BB8D5D 13%, #A87947 95%);

HEX #A87947 sur HEX #C7A27A

Code CSS:

background-image: linear-gradient(135deg, #A87947 10%, #C7A27A 86%);

HEX #A87947 sur HEX #C7A27A

Code CSS:

background-image: radial-gradient(circle, #A87947 13%, #C7A27A 99%);

HEX #C7A27A sur HEX #A87947

Code CSS:

background-image: linear-gradient(135deg, #C7A27A 8%, #A87947 95%);

HEX #C7A27A sur HEX #A87947

Code CSS:

background-image: radial-gradient(circle, #C7A27A 9%, #A87947 95%);

Dégradé de 2 couleurs de RGB 168 121 71 - Couleurs analogiques

Linéaire

HEX #A87947 sur HEX #A85D46

Code CSS:

background-image: linear-gradient(135deg, #A87947 1%, #A85D46 88%);

Radial

HEX #A87947 sur HEX #A85D46

Code CSS:

background-image: radial-gradient(circle, #A87947 2%, #A85D46 95%);

HEX #A85D46 sur HEX #A87947

Code CSS:

background-image: linear-gradient(135deg, #A85D46 10%, #A87947 97%);

HEX #A85D46 sur HEX #A87947

Code CSS:

background-image: radial-gradient(circle, #A85D46 10%, #A87947 93%);

HEX #A87947 sur HEX #A87746

Code CSS:

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

HEX #A87947 sur HEX #A87746

Code CSS:

background-image: radial-gradient(circle, #A87947 12%, #A87746 96%);

HEX #A87746 sur HEX #A87947

Code CSS:

background-image: linear-gradient(135deg, #A87746 11%, #A87947 91%);

HEX #A87746 sur HEX #A87947

Code CSS:

background-image: radial-gradient(circle, #A87746 2%, #A87947 93%);

HEX #A87947 sur HEX #A89246

Code CSS:

background-image: linear-gradient(135deg, #A87947 5%, #A89246 97%);

HEX #A87947 sur HEX #A89246

Code CSS:

background-image: radial-gradient(circle, #A87947 9%, #A89246 98%);

HEX #A89246 sur HEX #A87947

Code CSS:

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

HEX #A89246 sur HEX #A87947

Code CSS:

background-image: radial-gradient(circle, #A89246 7%, #A87947 89%);

HEX #A87947 sur HEX #A5A846

Code CSS:

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

HEX #A87947 sur HEX #A5A846

Code CSS:

background-image: radial-gradient(circle, #A87947 14%, #A5A846 96%);

HEX #A5A846 sur HEX #A87947

Code CSS:

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

HEX #A5A846 sur HEX #A87947

Code CSS:

background-image: radial-gradient(circle, #A5A846 4%, #A87947 91%);

Dégradé de 2 couleurs de RGB 168 121 71 - Couleurs monochromatiques

Linéaire

HEX #A87947 sur HEX #8B643A

Code CSS:

background-image: linear-gradient(135deg, #A87947 14%, #8B643A 86%);

Radial

HEX #A87947 sur HEX #8B643A

Code CSS:

background-image: radial-gradient(circle, #A87947 6%, #8B643A 100%);

HEX #8B643A sur HEX #A87947

Code CSS:

background-image: linear-gradient(135deg, #8B643A 7%, #A87947 100%);

HEX #8B643A sur HEX #A87947

Code CSS:

background-image: radial-gradient(circle, #8B643A 12%, #A87947 94%);

HEX #A87947 sur HEX #A87946

Code CSS:

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

HEX #A87947 sur HEX #A87946

Code CSS:

background-image: radial-gradient(circle, #A87947 13%, #A87946 93%);

HEX #A87946 sur HEX #A87947

Code CSS:

background-image: linear-gradient(135deg, #A87946 11%, #A87947 99%);

HEX #A87946 sur HEX #A87947

Code CSS:

background-image: radial-gradient(circle, #A87946 1%, #A87947 95%);

HEX #A87947 sur HEX #BB8D5D

Code CSS:

background-image: linear-gradient(135deg, #A87947 13%, #BB8D5D 98%);

HEX #A87947 sur HEX #BB8D5D

Code CSS:

background-image: radial-gradient(circle, #A87947 12%, #BB8D5D 86%);

HEX #BB8D5D sur HEX #A87947

Code CSS:

background-image: linear-gradient(135deg, #BB8D5D 1%, #A87947 96%);

HEX #BB8D5D sur HEX #A87947

Code CSS:

background-image: radial-gradient(circle, #BB8D5D 10%, #A87947 89%);

HEX #A87947 sur HEX #C7A27A

Code CSS:

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

HEX #A87947 sur HEX #C7A27A

Code CSS:

background-image: radial-gradient(circle, #A87947 6%, #C7A27A 98%);

HEX #C7A27A sur HEX #A87947

Code CSS:

background-image: linear-gradient(135deg, #C7A27A 13%, #A87947 96%);

HEX #C7A27A sur HEX #A87947

Code CSS:

background-image: radial-gradient(circle, #C7A27A 1%, #A87947 93%);

Dégradé de 2 couleurs de RGB 168 121 71 - Sous-complémentaire Couleurs

Linéaire

HEX #A87947 sur HEX #64A846

Code CSS:

background-image: linear-gradient(135deg, #A87947 11%, #64A846 95%);

Radial

HEX #A87947 sur HEX #64A846

Code CSS:

background-image: radial-gradient(circle, #A87947 5%, #64A846 92%);

HEX #64A846 sur HEX #A87947

Code CSS:

background-image: linear-gradient(135deg, #64A846 4%, #A87947 86%);

HEX #64A846 sur HEX #A87947

Code CSS:

background-image: radial-gradient(circle, #64A846 0%, #A87947 88%);

HEX #A87947 sur HEX #5046A8

Code CSS:

background-image: linear-gradient(135deg, #A87947 14%, #5046A8 100%);

HEX #A87947 sur HEX #5046A8

Code CSS:

background-image: radial-gradient(circle, #A87947 0%, #5046A8 92%);

HEX #5046A8 sur HEX #A87947

Code CSS:

background-image: linear-gradient(135deg, #5046A8 9%, #A87947 97%);

HEX #5046A8 sur HEX #A87947

Code CSS:

background-image: radial-gradient(circle, #5046A8 0%, #A87947 87%);

Dégradé de 2 couleurs de RGB 168 121 71 - Couleurs triadiques

Linéaire

HEX #A87947 sur HEX #46A877

Code CSS:

background-image: linear-gradient(135deg, #A87947 12%, #46A877 92%);

Radial

HEX #A87947 sur HEX #46A877

Code CSS:

background-image: radial-gradient(circle, #A87947 3%, #46A877 99%);

HEX #46A877 sur HEX #A87947

Code CSS:

background-image: linear-gradient(135deg, #46A877 4%, #A87947 97%);

HEX #46A877 sur HEX #A87947

Code CSS:

background-image: radial-gradient(circle, #46A877 2%, #A87947 88%);

HEX #A87947 sur HEX #7746A8

Code CSS:

background-image: linear-gradient(135deg, #A87947 4%, #7746A8 97%);

HEX #A87947 sur HEX #7746A8

Code CSS:

background-image: radial-gradient(circle, #A87947 10%, #7746A8 90%);

HEX #7746A8 sur HEX #A87947

Code CSS:

background-image: linear-gradient(135deg, #7746A8 8%, #A87947 99%);

HEX #7746A8 sur HEX #A87947

Code CSS:

background-image: radial-gradient(circle, #7746A8 11%, #A87947 94%);

Dégradé de 2 couleurs de RGB 168 121 71 - Couleurs rectangulaires (tétraédriques)

Linéaire

HEX #A87947 sur HEX #64A846

Code CSS:

background-image: linear-gradient(135deg, #A87947 3%, #64A846 96%);

Radial

HEX #A87947 sur HEX #64A846

Code CSS:

background-image: radial-gradient(circle, #A87947 13%, #64A846 95%);

HEX #64A846 sur HEX #A87947

Code CSS:

background-image: linear-gradient(135deg, #64A846 8%, #A87947 86%);

HEX #64A846 sur HEX #A87947

Code CSS:

background-image: radial-gradient(circle, #64A846 2%, #A87947 90%);

HEX #A87947 sur HEX #4677A8

Code CSS:

background-image: linear-gradient(135deg, #A87947 11%, #4677A8 98%);

HEX #A87947 sur HEX #4677A8

Code CSS:

background-image: radial-gradient(circle, #A87947 13%, #4677A8 98%);

HEX #4677A8 sur HEX #A87947

Code CSS:

background-image: linear-gradient(135deg, #4677A8 0%, #A87947 87%);

HEX #4677A8 sur HEX #A87947

Code CSS:

background-image: radial-gradient(circle, #4677A8 14%, #A87947 93%);

HEX #A87947 sur HEX #8B46A8

Code CSS:

background-image: linear-gradient(135deg, #A87947 1%, #8B46A8 91%);

HEX #A87947 sur HEX #8B46A8

Code CSS:

background-image: radial-gradient(circle, #A87947 3%, #8B46A8 100%);

HEX #8B46A8 sur HEX #A87947

Code CSS:

background-image: linear-gradient(135deg, #8B46A8 4%, #A87947 87%);

HEX #8B46A8 sur HEX #A87947

Code CSS:

background-image: radial-gradient(circle, #8B46A8 4%, #A87947 97%);

Dégradé de 2 couleurs de RGB 168 121 71 - Couleurs carrées

Linéaire

HEX #A87947 sur HEX #46A846

Code CSS:

background-image: linear-gradient(135deg, #A87947 8%, #46A846 100%);

Radial

HEX #A87947 sur HEX #46A846

Code CSS:

background-image: radial-gradient(circle, #A87947 4%, #46A846 88%);

HEX #46A846 sur HEX #A87947

Code CSS:

background-image: linear-gradient(135deg, #46A846 12%, #A87947 99%);

HEX #46A846 sur HEX #A87947

Code CSS:

background-image: radial-gradient(circle, #46A846 8%, #A87947 100%);

HEX #A87947 sur HEX #4677A8

Code CSS:

background-image: linear-gradient(135deg, #A87947 3%, #4677A8 94%);

HEX #A87947 sur HEX #4677A8

Code CSS:

background-image: radial-gradient(circle, #A87947 14%, #4677A8 89%);

HEX #4677A8 sur HEX #A87947

Code CSS:

background-image: linear-gradient(135deg, #4677A8 5%, #A87947 93%);

HEX #4677A8 sur HEX #A87947

Code CSS:

background-image: radial-gradient(circle, #4677A8 8%, #A87947 99%);

HEX #A87947 sur HEX #A846A8

Code CSS:

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

HEX #A87947 sur HEX #A846A8

Code CSS:

background-image: radial-gradient(circle, #A87947 1%, #A846A8 93%);

HEX #A846A8 sur HEX #A87947

Code CSS:

background-image: linear-gradient(135deg, #A846A8 5%, #A87947 97%);

HEX #A846A8 sur HEX #A87947

Code CSS:

background-image: radial-gradient(circle, #A846A8 10%, #A87947 99%);

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

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)

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)

HEX en RGB

convertir de #RRGGBB sur RGB rouge vert bleu

HEX en CMYK

convertir de #RRGGBB sur CMYK cyan / magenta / jaune / key

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)

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

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)

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

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)

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

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)

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

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)

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

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.

Public

Color palette shared
Please copy and save the link you want.

Share

View

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

By clicking you can create palettes and download the color swatches.

The quick Converter and color manager.
The powerful color database for designers and agencies.

Solutions

Create CSS gradient

Create color palettes

Image to color palettes

Color of the week

Manufacturer colors

Project

About qConv.com

Designer

Tutorials & FAQ's

Manufacturer colors

Become a member

Legal