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

CSS Gradients:
#588497

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 88 Rouge, 132 Vert et 151 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.
88 132 151 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 42 cyan, 13 magenta, pas de jaune et 41 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.
42% 13% 0% 41% 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 #588497 sur HEX #A77B68


Code CSS:

background-image: linear-gradient(135deg, #588497 10%, #A77B68 100%);

Radial

HEX #588497 sur HEX #A77B68


Code CSS:

background-image: radial-gradient(circle, #588497 3%, #A77B68 92%);

 

HEX #A77B68 sur HEX #588497


Code CSS:

background-image: linear-gradient(135deg, #A77B68 11%, #588497 89%);

 

HEX #A77B68 sur HEX #588497


Code CSS:

background-image: radial-gradient(circle, #A77B68 5%, #588497 92%);

Linéaire

HEX #588497 sur HEX #6E96A5


Code CSS:

background-image: linear-gradient(135deg, #588497 9%, #6E96A5 96%);

Radial

HEX #588497 sur HEX #6E96A5


Code CSS:

background-image: radial-gradient(circle, #588497 6%, #6E96A5 98%);

 

HEX #6E96A5 sur HEX #588497


Code CSS:

background-image: linear-gradient(135deg, #6E96A5 2%, #588497 98%);

 

HEX #6E96A5 sur HEX #588497


Code CSS:

background-image: radial-gradient(circle, #6E96A5 4%, #588497 86%);

 

HEX #588497 sur HEX #7FA8B8


Code CSS:

background-image: linear-gradient(135deg, #588497 6%, #7FA8B8 94%);

 

HEX #588497 sur HEX #7FA8B8


Code CSS:

background-image: radial-gradient(circle, #588497 8%, #7FA8B8 96%);

 

HEX #7FA8B8 sur HEX #588497


Code CSS:

background-image: linear-gradient(135deg, #7FA8B8 9%, #588497 86%);

 

HEX #7FA8B8 sur HEX #588497


Code CSS:

background-image: radial-gradient(circle, #7FA8B8 10%, #588497 90%);

 

HEX #588497 sur HEX #90BACB


Code CSS:

background-image: linear-gradient(135deg, #588497 11%, #90BACB 94%);

 

HEX #588497 sur HEX #90BACB


Code CSS:

background-image: radial-gradient(circle, #588497 5%, #90BACB 92%);

 

HEX #90BACB sur HEX #588497


Code CSS:

background-image: linear-gradient(135deg, #90BACB 6%, #588497 90%);

 

HEX #90BACB sur HEX #588497


Code CSS:

background-image: radial-gradient(circle, #90BACB 11%, #588497 100%);

 

HEX #588497 sur HEX #A1CCDE


Code CSS:

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

 

HEX #588497 sur HEX #A1CCDE


Code CSS:

background-image: radial-gradient(circle, #588497 8%, #A1CCDE 98%);

 

HEX #A1CCDE sur HEX #588497


Code CSS:

background-image: linear-gradient(135deg, #A1CCDE 14%, #588497 88%);

 

HEX #A1CCDE sur HEX #588497


Code CSS:

background-image: radial-gradient(circle, #A1CCDE 7%, #588497 87%);

Linéaire

HEX #588497 sur HEX #477284


Code CSS:

background-image: linear-gradient(135deg, #588497 9%, #477284 89%);

Radial

HEX #588497 sur HEX #477284


Code CSS:

background-image: radial-gradient(circle, #588497 12%, #477284 88%);

 

HEX #477284 sur HEX #588497


Code CSS:

background-image: linear-gradient(135deg, #477284 5%, #588497 93%);

 

HEX #477284 sur HEX #588497


Code CSS:

background-image: radial-gradient(circle, #477284 2%, #588497 87%);

 

HEX #588497 sur HEX #366071


Code CSS:

background-image: linear-gradient(135deg, #588497 7%, #366071 95%);

 

HEX #588497 sur HEX #366071


Code CSS:

background-image: radial-gradient(circle, #588497 8%, #366071 97%);

 

HEX #366071 sur HEX #588497


Code CSS:

background-image: linear-gradient(135deg, #366071 3%, #588497 87%);

 

HEX #366071 sur HEX #588497


Code CSS:

background-image: radial-gradient(circle, #366071 8%, #588497 98%);

 

HEX #588497 sur HEX #254E5E


Code CSS:

background-image: linear-gradient(135deg, #588497 8%, #254E5E 94%);

 

HEX #588497 sur HEX #254E5E


Code CSS:

background-image: radial-gradient(circle, #588497 9%, #254E5E 93%);

 

HEX #254E5E sur HEX #588497


Code CSS:

background-image: linear-gradient(135deg, #254E5E 6%, #588497 93%);

 

HEX #254E5E sur HEX #588497


Code CSS:

background-image: radial-gradient(circle, #254E5E 2%, #588497 91%);

 

HEX #588497 sur HEX #143C4B


Code CSS:

background-image: linear-gradient(135deg, #588497 2%, #143C4B 87%);

 

HEX #588497 sur HEX #143C4B


Code CSS:

background-image: radial-gradient(circle, #588497 4%, #143C4B 91%);

 

HEX #143C4B sur HEX #588497


Code CSS:

background-image: linear-gradient(135deg, #143C4B 12%, #588497 99%);

 

HEX #143C4B sur HEX #588497


Code CSS:

background-image: radial-gradient(circle, #143C4B 11%, #588497 99%);

Linéaire

HEX #588497 sur HEX #587997


Code CSS:

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

Radial

HEX #588497 sur HEX #587997


Code CSS:

background-image: radial-gradient(circle, #588497 2%, #587997 86%);

 

HEX #587997 sur HEX #588497


Code CSS:

background-image: linear-gradient(135deg, #587997 4%, #588497 95%);

 

HEX #587997 sur HEX #588497


Code CSS:

background-image: radial-gradient(circle, #587997 13%, #588497 100%);

 

HEX #588497 sur HEX #586F97


Code CSS:

background-image: linear-gradient(135deg, #588497 5%, #586F97 86%);

 

HEX #588497 sur HEX #586F97


Code CSS:

background-image: radial-gradient(circle, #588497 1%, #586F97 93%);

 

HEX #586F97 sur HEX #588497


Code CSS:

background-image: linear-gradient(135deg, #586F97 13%, #588497 94%);

 

HEX #586F97 sur HEX #588497


Code CSS:

background-image: radial-gradient(circle, #586F97 8%, #588497 96%);

 

HEX #588497 sur HEX #586597


Code CSS:

background-image: linear-gradient(135deg, #588497 10%, #586597 94%);

 

HEX #588497 sur HEX #586597


Code CSS:

background-image: radial-gradient(circle, #588497 9%, #586597 90%);

 

HEX #586597 sur HEX #588497


Code CSS:

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

 

HEX #586597 sur HEX #588497


Code CSS:

background-image: radial-gradient(circle, #586597 2%, #588497 92%);

 

HEX #588497 sur HEX #585A97


Code CSS:

background-image: linear-gradient(135deg, #588497 2%, #585A97 87%);

 

HEX #588497 sur HEX #585A97


Code CSS:

background-image: radial-gradient(circle, #588497 3%, #585A97 88%);

 

HEX #585A97 sur HEX #588497


Code CSS:

background-image: linear-gradient(135deg, #585A97 4%, #588497 95%);

 

HEX #585A97 sur HEX #588497


Code CSS:

background-image: radial-gradient(circle, #585A97 6%, #588497 97%);

Linéaire

HEX #588497 sur HEX #76B1CA


Code CSS:

background-image: linear-gradient(135deg, #588497 7%, #76B1CA 93%);

Radial

HEX #588497 sur HEX #76B1CA


Code CSS:

background-image: radial-gradient(circle, #588497 11%, #76B1CA 92%);

 

HEX #76B1CA sur HEX #588497


Code CSS:

background-image: linear-gradient(135deg, #76B1CA 14%, #588497 92%);

 

HEX #76B1CA sur HEX #588497


Code CSS:

background-image: radial-gradient(circle, #76B1CA 5%, #588497 94%);

 

HEX #588497 sur HEX #93DDFD


Code CSS:

background-image: linear-gradient(135deg, #588497 6%, #93DDFD 96%);

 

HEX #588497 sur HEX #93DDFD


Code CSS:

background-image: radial-gradient(circle, #588497 2%, #93DDFD 89%);

 

HEX #93DDFD sur HEX #588497


Code CSS:

background-image: linear-gradient(135deg, #93DDFD 10%, #588497 99%);

 

HEX #93DDFD sur HEX #588497


Code CSS:

background-image: radial-gradient(circle, #93DDFD 1%, #588497 97%);

 

HEX #588497 sur HEX #1D2B31


Code CSS:

background-image: linear-gradient(135deg, #588497 5%, #1D2B31 94%);

 

HEX #588497 sur HEX #1D2B31


Code CSS:

background-image: radial-gradient(circle, #588497 5%, #1D2B31 86%);

 

HEX #1D2B31 sur HEX #588497


Code CSS:

background-image: linear-gradient(135deg, #1D2B31 14%, #588497 87%);

 

HEX #1D2B31 sur HEX #588497


Code CSS:

background-image: radial-gradient(circle, #1D2B31 13%, #588497 89%);

 

HEX #588497 sur HEX #3A5764


Code CSS:

background-image: linear-gradient(135deg, #588497 5%, #3A5764 98%);

 

HEX #588497 sur HEX #3A5764


Code CSS:

background-image: radial-gradient(circle, #588497 2%, #3A5764 92%);

 

HEX #3A5764 sur HEX #588497


Code CSS:

background-image: linear-gradient(135deg, #3A5764 9%, #588497 86%);

 

HEX #3A5764 sur HEX #588497


Code CSS:

background-image: radial-gradient(circle, #3A5764 12%, #588497 93%);

Linéaire

HEX #588497 sur HEX #775897


Code CSS:

background-image: linear-gradient(135deg, #588497 5%, #775897 98%);

Radial

HEX #588497 sur HEX #775897


Code CSS:

background-image: radial-gradient(circle, #588497 14%, #775897 92%);

 

HEX #775897 sur HEX #588497


Code CSS:

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

 

HEX #775897 sur HEX #588497


Code CSS:

background-image: radial-gradient(circle, #775897 3%, #588497 99%);

 

HEX #588497 sur HEX #979058


Code CSS:

background-image: linear-gradient(135deg, #588497 5%, #979058 96%);

 

HEX #588497 sur HEX #979058


Code CSS:

background-image: radial-gradient(circle, #588497 12%, #979058 98%);

 

HEX #979058 sur HEX #588497


Code CSS:

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

 

HEX #979058 sur HEX #588497


Code CSS:

background-image: radial-gradient(circle, #979058 0%, #588497 93%);

Linéaire

HEX #588497 sur HEX #975884


Code CSS:

background-image: linear-gradient(135deg, #588497 4%, #975884 100%);

Radial

HEX #588497 sur HEX #975884


Code CSS:

background-image: radial-gradient(circle, #588497 4%, #975884 88%);

 

HEX #975884 sur HEX #588497


Code CSS:

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

 

HEX #975884 sur HEX #588497


Code CSS:

background-image: radial-gradient(circle, #975884 3%, #588497 99%);

 

HEX #588497 sur HEX #849758


Code CSS:

background-image: linear-gradient(135deg, #588497 1%, #849758 92%);

 

HEX #588497 sur HEX #849758


Code CSS:

background-image: radial-gradient(circle, #588497 5%, #849758 100%);

 

HEX #849758 sur HEX #588497


Code CSS:

background-image: linear-gradient(135deg, #849758 5%, #588497 95%);

 

HEX #849758 sur HEX #588497


Code CSS:

background-image: radial-gradient(circle, #849758 11%, #588497 91%);

Linéaire

HEX #588497 sur HEX #775897


Code CSS:

background-image: linear-gradient(135deg, #588497 1%, #775897 87%);

Radial

HEX #588497 sur HEX #775897


Code CSS:

background-image: radial-gradient(circle, #588497 1%, #775897 88%);

 

HEX #775897 sur HEX #588497


Code CSS:

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

 

HEX #775897 sur HEX #588497


Code CSS:

background-image: radial-gradient(circle, #775897 6%, #588497 88%);

 

HEX #588497 sur HEX #976B58


Code CSS:

background-image: linear-gradient(135deg, #588497 8%, #976B58 92%);

 

HEX #588497 sur HEX #976B58


Code CSS:

background-image: radial-gradient(circle, #588497 6%, #976B58 89%);

 

HEX #976B58 sur HEX #588497


Code CSS:

background-image: linear-gradient(135deg, #976B58 8%, #588497 92%);

 

HEX #976B58 sur HEX #588497


Code CSS:

background-image: radial-gradient(circle, #976B58 7%, #588497 93%);

 

HEX #588497 sur HEX #779758


Code CSS:

background-image: linear-gradient(135deg, #588497 9%, #779758 91%);

 

HEX #588497 sur HEX #779758


Code CSS:

background-image: radial-gradient(circle, #588497 10%, #779758 98%);

 

HEX #779758 sur HEX #588497


Code CSS:

background-image: linear-gradient(135deg, #779758 1%, #588497 90%);

 

HEX #779758 sur HEX #588497


Code CSS:

background-image: radial-gradient(circle, #779758 1%, #588497 90%);

Linéaire

HEX #588497 sur HEX #8A5897


Code CSS:

background-image: linear-gradient(135deg, #588497 12%, #8A5897 90%);

Radial

HEX #588497 sur HEX #8A5897


Code CSS:

background-image: radial-gradient(circle, #588497 5%, #8A5897 87%);

 

HEX #8A5897 sur HEX #588497


Code CSS:

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

 

HEX #8A5897 sur HEX #588497


Code CSS:

background-image: radial-gradient(circle, #8A5897 11%, #588497 100%);

 

HEX #588497 sur HEX #976B58


Code CSS:

background-image: linear-gradient(135deg, #588497 9%, #976B58 86%);

 

HEX #588497 sur HEX #976B58


Code CSS:

background-image: radial-gradient(circle, #588497 7%, #976B58 89%);

 

HEX #976B58 sur HEX #588497


Code CSS:

background-image: linear-gradient(135deg, #976B58 6%, #588497 100%);

 

HEX #976B58 sur HEX #588497


Code CSS:

background-image: radial-gradient(circle, #976B58 11%, #588497 99%);

 

HEX #588497 sur HEX #659758


Code CSS:

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

 

HEX #588497 sur HEX #659758


Code CSS:

background-image: radial-gradient(circle, #588497 1%, #659758 89%);

 

HEX #659758 sur HEX #588497


Code CSS:

background-image: linear-gradient(135deg, #659758 4%, #588497 92%);

 

HEX #659758 sur HEX #588497


Code CSS:

background-image: radial-gradient(circle, #659758 2%, #588497 98%);

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 des palettes de couleurs, tu dois être connecté.

Se connecter à ton 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 que vous souhaitez.

Partager

OK, j'ai copié les liens

Tes couleurs sont enregistrées dans une nouvelle palette de couleurs.
Vois-la sous ton profil.
Tu peux 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 , tu peux créer des palettes et télécharger les nuanciers.