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

CSS Gradients:
CMYK 8 / 54 / 0 / 26

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 174 Rouge, 87 Vert et 189 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.
174 87 189 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 8 cyan, 54 magenta, pas de jaune et 26 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.
8% 54% 0% 26% 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 #AE57BD sur HEX #51A842


Code CSS:

background-image: linear-gradient(135deg, #AE57BD 3%, #51A842 87%);

Radial

HEX #AE57BD sur HEX #51A842


Code CSS:

background-image: radial-gradient(circle, #AE57BD 3%, #51A842 98%);

 

HEX #51A842 sur HEX #AE57BD


Code CSS:

background-image: linear-gradient(135deg, #51A842 0%, #AE57BD 87%);

 

HEX #51A842 sur HEX #AE57BD


Code CSS:

background-image: radial-gradient(circle, #51A842 3%, #AE57BD 96%);

Linéaire

HEX #AE57BD sur HEX #C469CB


Code CSS:

background-image: linear-gradient(135deg, #AE57BD 6%, #C469CB 100%);

Radial

HEX #AE57BD sur HEX #C469CB


Code CSS:

background-image: radial-gradient(circle, #AE57BD 2%, #C469CB 86%);

 

HEX #C469CB sur HEX #AE57BD


Code CSS:

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

 

HEX #C469CB sur HEX #AE57BD


Code CSS:

background-image: radial-gradient(circle, #C469CB 5%, #AE57BD 98%);

 

HEX #AE57BD sur HEX #D57BDE


Code CSS:

background-image: linear-gradient(135deg, #AE57BD 2%, #D57BDE 90%);

 

HEX #AE57BD sur HEX #D57BDE


Code CSS:

background-image: radial-gradient(circle, #AE57BD 6%, #D57BDE 88%);

 

HEX #D57BDE sur HEX #AE57BD


Code CSS:

background-image: linear-gradient(135deg, #D57BDE 13%, #AE57BD 94%);

 

HEX #D57BDE sur HEX #AE57BD


Code CSS:

background-image: radial-gradient(circle, #D57BDE 0%, #AE57BD 91%);

 

HEX #AE57BD sur HEX #E68DF1


Code CSS:

background-image: linear-gradient(135deg, #AE57BD 6%, #E68DF1 96%);

 

HEX #AE57BD sur HEX #E68DF1


Code CSS:

background-image: radial-gradient(circle, #AE57BD 9%, #E68DF1 98%);

 

HEX #E68DF1 sur HEX #AE57BD


Code CSS:

background-image: linear-gradient(135deg, #E68DF1 7%, #AE57BD 91%);

 

HEX #E68DF1 sur HEX #AE57BD


Code CSS:

background-image: radial-gradient(circle, #E68DF1 6%, #AE57BD 93%);

 

HEX #AE57BD sur HEX #F79FFF


Code CSS:

background-image: linear-gradient(135deg, #AE57BD 14%, #F79FFF 94%);

 

HEX #AE57BD sur HEX #F79FFF


Code CSS:

background-image: radial-gradient(circle, #AE57BD 10%, #F79FFF 93%);

 

HEX #F79FFF sur HEX #AE57BD


Code CSS:

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

 

HEX #F79FFF sur HEX #AE57BD


Code CSS:

background-image: radial-gradient(circle, #F79FFF 11%, #AE57BD 86%);

Linéaire

HEX #AE57BD sur HEX #9D45AA


Code CSS:

background-image: linear-gradient(135deg, #AE57BD 5%, #9D45AA 98%);

Radial

HEX #AE57BD sur HEX #9D45AA


Code CSS:

background-image: radial-gradient(circle, #AE57BD 10%, #9D45AA 98%);

 

HEX #9D45AA sur HEX #AE57BD


Code CSS:

background-image: linear-gradient(135deg, #9D45AA 11%, #AE57BD 91%);

 

HEX #9D45AA sur HEX #AE57BD


Code CSS:

background-image: radial-gradient(circle, #9D45AA 5%, #AE57BD 93%);

 

HEX #AE57BD sur HEX #8C3397


Code CSS:

background-image: linear-gradient(135deg, #AE57BD 11%, #8C3397 94%);

 

HEX #AE57BD sur HEX #8C3397


Code CSS:

background-image: radial-gradient(circle, #AE57BD 13%, #8C3397 100%);

 

HEX #8C3397 sur HEX #AE57BD


Code CSS:

background-image: linear-gradient(135deg, #8C3397 7%, #AE57BD 86%);

 

HEX #8C3397 sur HEX #AE57BD


Code CSS:

background-image: radial-gradient(circle, #8C3397 6%, #AE57BD 94%);

 

HEX #AE57BD sur HEX #7B2184


Code CSS:

background-image: linear-gradient(135deg, #AE57BD 8%, #7B2184 99%);

 

HEX #AE57BD sur HEX #7B2184


Code CSS:

background-image: radial-gradient(circle, #AE57BD 11%, #7B2184 92%);

 

HEX #7B2184 sur HEX #AE57BD


Code CSS:

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

 

HEX #7B2184 sur HEX #AE57BD


Code CSS:

background-image: radial-gradient(circle, #7B2184 1%, #AE57BD 90%);

 

HEX #AE57BD sur HEX #6A0F71


Code CSS:

background-image: linear-gradient(135deg, #AE57BD 4%, #6A0F71 94%);

 

HEX #AE57BD sur HEX #6A0F71


Code CSS:

background-image: radial-gradient(circle, #AE57BD 5%, #6A0F71 94%);

 

HEX #6A0F71 sur HEX #AE57BD


Code CSS:

background-image: linear-gradient(135deg, #6A0F71 12%, #AE57BD 91%);

 

HEX #6A0F71 sur HEX #AE57BD


Code CSS:

background-image: radial-gradient(circle, #6A0F71 10%, #AE57BD 92%);

Linéaire

HEX #AE57BD sur HEX #BD56BB


Code CSS:

background-image: linear-gradient(135deg, #AE57BD 9%, #BD56BB 90%);

Radial

HEX #AE57BD sur HEX #BD56BB


Code CSS:

background-image: radial-gradient(circle, #AE57BD 8%, #BD56BB 97%);

 

HEX #BD56BB sur HEX #AE57BD


Code CSS:

background-image: linear-gradient(135deg, #BD56BB 9%, #AE57BD 90%);

 

HEX #BD56BB sur HEX #AE57BD


Code CSS:

background-image: radial-gradient(circle, #BD56BB 6%, #AE57BD 87%);

 

HEX #AE57BD sur HEX #BD56AA


Code CSS:

background-image: linear-gradient(135deg, #AE57BD 1%, #BD56AA 89%);

 

HEX #AE57BD sur HEX #BD56AA


Code CSS:

background-image: radial-gradient(circle, #AE57BD 13%, #BD56AA 99%);

 

HEX #BD56AA sur HEX #AE57BD


Code CSS:

background-image: linear-gradient(135deg, #BD56AA 2%, #AE57BD 97%);

 

HEX #BD56AA sur HEX #AE57BD


Code CSS:

background-image: radial-gradient(circle, #BD56AA 4%, #AE57BD 94%);

 

HEX #AE57BD sur HEX #BD5699


Code CSS:

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

 

HEX #AE57BD sur HEX #BD5699


Code CSS:

background-image: radial-gradient(circle, #AE57BD 9%, #BD5699 97%);

 

HEX #BD5699 sur HEX #AE57BD


Code CSS:

background-image: linear-gradient(135deg, #BD5699 9%, #AE57BD 97%);

 

HEX #BD5699 sur HEX #AE57BD


Code CSS:

background-image: radial-gradient(circle, #BD5699 3%, #AE57BD 93%);

 

HEX #AE57BD sur HEX #BD5687


Code CSS:

background-image: linear-gradient(135deg, #AE57BD 13%, #BD5687 87%);

 

HEX #AE57BD sur HEX #BD5687


Code CSS:

background-image: radial-gradient(circle, #AE57BD 6%, #BD5687 99%);

 

HEX #BD5687 sur HEX #AE57BD


Code CSS:

background-image: linear-gradient(135deg, #BD5687 0%, #AE57BD 86%);

 

HEX #BD5687 sur HEX #AE57BD


Code CSS:

background-image: radial-gradient(circle, #BD5687 8%, #AE57BD 96%);

Linéaire

HEX #AE57BD sur HEX #DD6EF0


Code CSS:

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

Radial

HEX #AE57BD sur HEX #DD6EF0


Code CSS:

background-image: radial-gradient(circle, #AE57BD 12%, #DD6EF0 94%);

 

HEX #DD6EF0 sur HEX #AE57BD


Code CSS:

background-image: linear-gradient(135deg, #DD6EF0 8%, #AE57BD 89%);

 

HEX #DD6EF0 sur HEX #AE57BD


Code CSS:

background-image: radial-gradient(circle, #DD6EF0 7%, #AE57BD 91%);

 

HEX #AE57BD sur HEX #211124


Code CSS:

background-image: linear-gradient(135deg, #AE57BD 6%, #211124 92%);

 

HEX #AE57BD sur HEX #211124


Code CSS:

background-image: radial-gradient(circle, #AE57BD 5%, #211124 100%);

 

HEX #211124 sur HEX #AE57BD


Code CSS:

background-image: linear-gradient(135deg, #211124 3%, #AE57BD 99%);

 

HEX #211124 sur HEX #AE57BD


Code CSS:

background-image: radial-gradient(circle, #211124 11%, #AE57BD 90%);

 

HEX #AE57BD sur HEX #502857


Code CSS:

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

 

HEX #AE57BD sur HEX #502857


Code CSS:

background-image: radial-gradient(circle, #AE57BD 0%, #502857 96%);

 

HEX #502857 sur HEX #AE57BD


Code CSS:

background-image: linear-gradient(135deg, #502857 6%, #AE57BD 89%);

 

HEX #502857 sur HEX #AE57BD


Code CSS:

background-image: radial-gradient(circle, #502857 1%, #AE57BD 92%);

 

HEX #AE57BD sur HEX #7F408A


Code CSS:

background-image: linear-gradient(135deg, #AE57BD 1%, #7F408A 100%);

 

HEX #AE57BD sur HEX #7F408A


Code CSS:

background-image: radial-gradient(circle, #AE57BD 7%, #7F408A 90%);

 

HEX #7F408A sur HEX #AE57BD


Code CSS:

background-image: linear-gradient(135deg, #7F408A 8%, #AE57BD 94%);

 

HEX #7F408A sur HEX #AE57BD


Code CSS:

background-image: radial-gradient(circle, #7F408A 5%, #AE57BD 99%);

Linéaire

HEX #AE57BD sur HEX #BD5B56


Code CSS:

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

Radial

HEX #AE57BD sur HEX #BD5B56


Code CSS:

background-image: radial-gradient(circle, #AE57BD 13%, #BD5B56 89%);

 

HEX #BD5B56 sur HEX #AE57BD


Code CSS:

background-image: linear-gradient(135deg, #BD5B56 2%, #AE57BD 90%);

 

HEX #BD5B56 sur HEX #AE57BD


Code CSS:

background-image: radial-gradient(circle, #BD5B56 1%, #AE57BD 95%);

 

HEX #AE57BD sur HEX #56BD84


Code CSS:

background-image: linear-gradient(135deg, #AE57BD 5%, #56BD84 100%);

 

HEX #AE57BD sur HEX #56BD84


Code CSS:

background-image: radial-gradient(circle, #AE57BD 9%, #56BD84 100%);

 

HEX #56BD84 sur HEX #AE57BD


Code CSS:

background-image: linear-gradient(135deg, #56BD84 11%, #AE57BD 89%);

 

HEX #56BD84 sur HEX #AE57BD


Code CSS:

background-image: radial-gradient(circle, #56BD84 1%, #AE57BD 91%);

Linéaire

HEX #AE57BD sur HEX #BDAD56


Code CSS:

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

Radial

HEX #AE57BD sur HEX #BDAD56


Code CSS:

background-image: radial-gradient(circle, #AE57BD 9%, #BDAD56 100%);

 

HEX #BDAD56 sur HEX #AE57BD


Code CSS:

background-image: linear-gradient(135deg, #BDAD56 14%, #AE57BD 94%);

 

HEX #BDAD56 sur HEX #AE57BD


Code CSS:

background-image: radial-gradient(circle, #BDAD56 11%, #AE57BD 96%);

 

HEX #AE57BD sur HEX #56BDAD


Code CSS:

background-image: linear-gradient(135deg, #AE57BD 13%, #56BDAD 96%);

 

HEX #AE57BD sur HEX #56BDAD


Code CSS:

background-image: radial-gradient(circle, #AE57BD 10%, #56BDAD 87%);

 

HEX #56BDAD sur HEX #AE57BD


Code CSS:

background-image: linear-gradient(135deg, #56BDAD 10%, #AE57BD 100%);

 

HEX #56BDAD sur HEX #AE57BD


Code CSS:

background-image: radial-gradient(circle, #56BDAD 5%, #AE57BD 88%);

Linéaire

HEX #AE57BD sur HEX #BD5B56


Code CSS:

background-image: linear-gradient(135deg, #AE57BD 11%, #BD5B56 95%);

Radial

HEX #AE57BD sur HEX #BD5B56


Code CSS:

background-image: radial-gradient(circle, #AE57BD 8%, #BD5B56 88%);

 

HEX #BD5B56 sur HEX #AE57BD


Code CSS:

background-image: linear-gradient(135deg, #BD5B56 6%, #AE57BD 93%);

 

HEX #BD5B56 sur HEX #AE57BD


Code CSS:

background-image: radial-gradient(circle, #BD5B56 5%, #AE57BD 93%);

 

HEX #AE57BD sur HEX #65BD56


Code CSS:

background-image: linear-gradient(135deg, #AE57BD 0%, #65BD56 96%);

 

HEX #AE57BD sur HEX #65BD56


Code CSS:

background-image: radial-gradient(circle, #AE57BD 12%, #65BD56 89%);

 

HEX #65BD56 sur HEX #AE57BD


Code CSS:

background-image: linear-gradient(135deg, #65BD56 12%, #AE57BD 98%);

 

HEX #65BD56 sur HEX #AE57BD


Code CSS:

background-image: radial-gradient(circle, #65BD56 13%, #AE57BD 97%);

 

HEX #AE57BD sur HEX #56B8BD


Code CSS:

background-image: linear-gradient(135deg, #AE57BD 4%, #56B8BD 94%);

 

HEX #AE57BD sur HEX #56B8BD


Code CSS:

background-image: radial-gradient(circle, #AE57BD 2%, #56B8BD 88%);

 

HEX #56B8BD sur HEX #AE57BD


Code CSS:

background-image: linear-gradient(135deg, #56B8BD 9%, #AE57BD 97%);

 

HEX #56B8BD sur HEX #AE57BD


Code CSS:

background-image: radial-gradient(circle, #56B8BD 5%, #AE57BD 95%);

Linéaire

HEX #AE57BD sur HEX #BD7A56


Code CSS:

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

Radial

HEX #AE57BD sur HEX #BD7A56


Code CSS:

background-image: radial-gradient(circle, #AE57BD 3%, #BD7A56 87%);

 

HEX #BD7A56 sur HEX #AE57BD


Code CSS:

background-image: linear-gradient(135deg, #BD7A56 0%, #AE57BD 96%);

 

HEX #BD7A56 sur HEX #AE57BD


Code CSS:

background-image: radial-gradient(circle, #BD7A56 14%, #AE57BD 90%);

 

HEX #AE57BD sur HEX #65BD56


Code CSS:

background-image: linear-gradient(135deg, #AE57BD 9%, #65BD56 88%);

 

HEX #AE57BD sur HEX #65BD56


Code CSS:

background-image: radial-gradient(circle, #AE57BD 1%, #65BD56 90%);

 

HEX #65BD56 sur HEX #AE57BD


Code CSS:

background-image: linear-gradient(135deg, #65BD56 9%, #AE57BD 94%);

 

HEX #65BD56 sur HEX #AE57BD


Code CSS:

background-image: radial-gradient(circle, #65BD56 9%, #AE57BD 94%);

 

HEX #AE57BD sur HEX #5699BD


Code CSS:

background-image: linear-gradient(135deg, #AE57BD 10%, #5699BD 95%);

 

HEX #AE57BD sur HEX #5699BD


Code CSS:

background-image: radial-gradient(circle, #AE57BD 13%, #5699BD 90%);

 

HEX #5699BD sur HEX #AE57BD


Code CSS:

background-image: linear-gradient(135deg, #5699BD 2%, #AE57BD 96%);

 

HEX #5699BD sur HEX #AE57BD


Code CSS:

background-image: radial-gradient(circle, #5699BD 4%, #AE57BD 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

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)

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.