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

CSS Gradients:
#CD1076

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

Pour cette couleur, le magenta se distingue des autres couleurs. Les valeurs qui représentent la teinte rouge et la teinte bleue sont supérieures à la troisième valeur. Elles sont proches l'une de l'autre et dépassent la valeur de la teinte verte. Comme les valeurs chromatiques sont relativement faibles par rapport aux autres, cette teinte nous semble plus sombre. Elle est aussi appelée DeepPink3.

La décomposition de la couleur dans le système de couleurs RGB : dans cette teinte, sur 255 parts de couleurs maximales, respectivement 205 Rouge, 16 Vert et 118 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.
205 16 118 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, 92 magenta, 42 jaune et 20 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% 92% 42% 20% 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 #CD1076 sur HEX #32EF89


Code CSS:

background-image: linear-gradient(135deg, #CD1076 0%, #32EF89 91%);

Radial

HEX #CD1076 sur HEX #32EF89


Code CSS:

background-image: radial-gradient(circle, #CD1076 8%, #32EF89 94%);

 

HEX #32EF89 sur HEX #CD1076


Code CSS:

background-image: linear-gradient(135deg, #32EF89 2%, #CD1076 93%);

 

HEX #32EF89 sur HEX #CD1076


Code CSS:

background-image: radial-gradient(circle, #32EF89 10%, #CD1076 97%);

Linéaire

HEX #CD1076 sur HEX #E32284


Code CSS:

background-image: linear-gradient(135deg, #CD1076 7%, #E32284 99%);

Radial

HEX #CD1076 sur HEX #E32284


Code CSS:

background-image: radial-gradient(circle, #CD1076 4%, #E32284 88%);

 

HEX #E32284 sur HEX #CD1076


Code CSS:

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

 

HEX #E32284 sur HEX #CD1076


Code CSS:

background-image: radial-gradient(circle, #E32284 4%, #CD1076 98%);

 

HEX #CD1076 sur HEX #F43497


Code CSS:

background-image: linear-gradient(135deg, #CD1076 12%, #F43497 96%);

 

HEX #CD1076 sur HEX #F43497


Code CSS:

background-image: radial-gradient(circle, #CD1076 2%, #F43497 100%);

 

HEX #F43497 sur HEX #CD1076


Code CSS:

background-image: linear-gradient(135deg, #F43497 2%, #CD1076 98%);

 

HEX #F43497 sur HEX #CD1076


Code CSS:

background-image: radial-gradient(circle, #F43497 0%, #CD1076 92%);

 

HEX #CD1076 sur HEX #FF46AA


Code CSS:

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

 

HEX #CD1076 sur HEX #FF46AA


Code CSS:

background-image: radial-gradient(circle, #CD1076 7%, #FF46AA 94%);

 

HEX #FF46AA sur HEX #CD1076


Code CSS:

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

 

HEX #FF46AA sur HEX #CD1076


Code CSS:

background-image: radial-gradient(circle, #FF46AA 14%, #CD1076 100%);

 

HEX #CD1076 sur HEX #FF58BD


Code CSS:

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

 

HEX #CD1076 sur HEX #FF58BD


Code CSS:

background-image: radial-gradient(circle, #CD1076 0%, #FF58BD 91%);

 

HEX #FF58BD sur HEX #CD1076


Code CSS:

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

 

HEX #FF58BD sur HEX #CD1076


Code CSS:

background-image: radial-gradient(circle, #FF58BD 3%, #CD1076 92%);

Linéaire

HEX #CD1076 sur HEX #BC0063


Code CSS:

background-image: linear-gradient(135deg, #CD1076 13%, #BC0063 88%);

Radial

HEX #CD1076 sur HEX #BC0063


Code CSS:

background-image: radial-gradient(circle, #CD1076 14%, #BC0063 99%);

 

HEX #BC0063 sur HEX #CD1076


Code CSS:

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

 

HEX #BC0063 sur HEX #CD1076


Code CSS:

background-image: radial-gradient(circle, #BC0063 9%, #CD1076 86%);

 

HEX #CD1076 sur HEX #AB0050


Code CSS:

background-image: linear-gradient(135deg, #CD1076 2%, #AB0050 89%);

 

HEX #CD1076 sur HEX #AB0050


Code CSS:

background-image: radial-gradient(circle, #CD1076 11%, #AB0050 100%);

 

HEX #AB0050 sur HEX #CD1076


Code CSS:

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

 

HEX #AB0050 sur HEX #CD1076


Code CSS:

background-image: radial-gradient(circle, #AB0050 12%, #CD1076 90%);

 

HEX #CD1076 sur HEX #9A003D


Code CSS:

background-image: linear-gradient(135deg, #CD1076 14%, #9A003D 95%);

 

HEX #CD1076 sur HEX #9A003D


Code CSS:

background-image: radial-gradient(circle, #CD1076 6%, #9A003D 96%);

 

HEX #9A003D sur HEX #CD1076


Code CSS:

background-image: linear-gradient(135deg, #9A003D 4%, #CD1076 93%);

 

HEX #9A003D sur HEX #CD1076


Code CSS:

background-image: radial-gradient(circle, #9A003D 0%, #CD1076 93%);

 

HEX #CD1076 sur HEX #89002A


Code CSS:

background-image: linear-gradient(135deg, #CD1076 7%, #89002A 95%);

 

HEX #CD1076 sur HEX #89002A


Code CSS:

background-image: radial-gradient(circle, #CD1076 8%, #89002A 95%);

 

HEX #89002A sur HEX #CD1076


Code CSS:

background-image: linear-gradient(135deg, #89002A 10%, #CD1076 87%);

 

HEX #89002A sur HEX #CD1076


Code CSS:

background-image: radial-gradient(circle, #89002A 12%, #CD1076 93%);

Linéaire

HEX #CD1076 sur HEX #CB0F57


Code CSS:

background-image: linear-gradient(135deg, #CD1076 11%, #CB0F57 98%);

Radial

HEX #CD1076 sur HEX #CB0F57


Code CSS:

background-image: radial-gradient(circle, #CD1076 14%, #CB0F57 93%);

 

HEX #CB0F57 sur HEX #CD1076


Code CSS:

background-image: linear-gradient(135deg, #CB0F57 11%, #CD1076 90%);

 

HEX #CB0F57 sur HEX #CD1076


Code CSS:

background-image: radial-gradient(circle, #CB0F57 11%, #CD1076 88%);

 

HEX #CD1076 sur HEX #CB0F38


Code CSS:

background-image: linear-gradient(135deg, #CD1076 11%, #CB0F38 86%);

 

HEX #CD1076 sur HEX #CB0F38


Code CSS:

background-image: radial-gradient(circle, #CD1076 7%, #CB0F38 89%);

 

HEX #CB0F38 sur HEX #CD1076


Code CSS:

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

 

HEX #CB0F38 sur HEX #CD1076


Code CSS:

background-image: radial-gradient(circle, #CB0F38 11%, #CD1076 97%);

 

HEX #CD1076 sur HEX #CB0F18


Code CSS:

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

 

HEX #CD1076 sur HEX #CB0F18


Code CSS:

background-image: radial-gradient(circle, #CD1076 5%, #CB0F18 91%);

 

HEX #CB0F18 sur HEX #CD1076


Code CSS:

background-image: linear-gradient(135deg, #CB0F18 4%, #CD1076 91%);

 

HEX #CB0F18 sur HEX #CD1076


Code CSS:

background-image: radial-gradient(circle, #CB0F18 8%, #CD1076 88%);

 

HEX #CD1076 sur HEX #CB250F


Code CSS:

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

 

HEX #CD1076 sur HEX #CB250F


Code CSS:

background-image: radial-gradient(circle, #CD1076 11%, #CB250F 97%);

 

HEX #CB250F sur HEX #CD1076


Code CSS:

background-image: linear-gradient(135deg, #CB250F 4%, #CD1076 91%);

 

HEX #CB250F sur HEX #CD1076


Code CSS:

background-image: radial-gradient(circle, #CB250F 8%, #CD1076 87%);

Linéaire

HEX #CD1076 sur HEX #010001


Code CSS:

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

Radial

HEX #CD1076 sur HEX #010001


Code CSS:

background-image: radial-gradient(circle, #CD1076 2%, #010001 99%);

 

HEX #010001 sur HEX #CD1076


Code CSS:

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

 

HEX #010001 sur HEX #CD1076


Code CSS:

background-image: radial-gradient(circle, #010001 5%, #CD1076 99%);

 

HEX #CD1076 sur HEX #34041E


Code CSS:

background-image: linear-gradient(135deg, #CD1076 7%, #34041E 93%);

 

HEX #CD1076 sur HEX #34041E


Code CSS:

background-image: radial-gradient(circle, #CD1076 2%, #34041E 96%);

 

HEX #34041E sur HEX #CD1076


Code CSS:

background-image: linear-gradient(135deg, #34041E 4%, #CD1076 94%);

 

HEX #34041E sur HEX #CD1076


Code CSS:

background-image: radial-gradient(circle, #34041E 12%, #CD1076 100%);

 

HEX #CD1076 sur HEX #67083B


Code CSS:

background-image: linear-gradient(135deg, #CD1076 5%, #67083B 89%);

 

HEX #CD1076 sur HEX #67083B


Code CSS:

background-image: radial-gradient(circle, #CD1076 4%, #67083B 91%);

 

HEX #67083B sur HEX #CD1076


Code CSS:

background-image: linear-gradient(135deg, #67083B 1%, #CD1076 100%);

 

HEX #67083B sur HEX #CD1076


Code CSS:

background-image: radial-gradient(circle, #67083B 2%, #CD1076 91%);

 

HEX #CD1076 sur HEX #9A0C59


Code CSS:

background-image: linear-gradient(135deg, #CD1076 2%, #9A0C59 94%);

 

HEX #CD1076 sur HEX #9A0C59


Code CSS:

background-image: radial-gradient(circle, #CD1076 1%, #9A0C59 87%);

 

HEX #9A0C59 sur HEX #CD1076


Code CSS:

background-image: linear-gradient(135deg, #9A0C59 10%, #CD1076 100%);

 

HEX #9A0C59 sur HEX #CD1076


Code CSS:

background-image: radial-gradient(circle, #9A0C59 13%, #CD1076 100%);

Linéaire

HEX #CD1076 sur HEX #CB890F


Code CSS:

background-image: linear-gradient(135deg, #CD1076 4%, #CB890F 86%);

Radial

HEX #CD1076 sur HEX #CB890F


Code CSS:

background-image: radial-gradient(circle, #CD1076 14%, #CB890F 98%);

 

HEX #CB890F sur HEX #CD1076


Code CSS:

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

 

HEX #CB890F sur HEX #CD1076


Code CSS:

background-image: radial-gradient(circle, #CB890F 13%, #CD1076 98%);

 

HEX #CD1076 sur HEX #0FC2CB


Code CSS:

background-image: linear-gradient(135deg, #CD1076 10%, #0FC2CB 89%);

 

HEX #CD1076 sur HEX #0FC2CB


Code CSS:

background-image: radial-gradient(circle, #CD1076 6%, #0FC2CB 96%);

 

HEX #0FC2CB sur HEX #CD1076


Code CSS:

background-image: linear-gradient(135deg, #0FC2CB 12%, #CD1076 97%);

 

HEX #0FC2CB sur HEX #CD1076


Code CSS:

background-image: radial-gradient(circle, #0FC2CB 8%, #CD1076 94%);

Linéaire

HEX #CD1076 sur HEX #77CB0F


Code CSS:

background-image: linear-gradient(135deg, #CD1076 11%, #77CB0F 87%);

Radial

HEX #CD1076 sur HEX #77CB0F


Code CSS:

background-image: radial-gradient(circle, #CD1076 0%, #77CB0F 99%);

 

HEX #77CB0F sur HEX #CD1076


Code CSS:

background-image: linear-gradient(135deg, #77CB0F 8%, #CD1076 94%);

 

HEX #77CB0F sur HEX #CD1076


Code CSS:

background-image: radial-gradient(circle, #77CB0F 6%, #CD1076 93%);

 

HEX #CD1076 sur HEX #0F77CB


Code CSS:

background-image: linear-gradient(135deg, #CD1076 1%, #0F77CB 99%);

 

HEX #CD1076 sur HEX #0F77CB


Code CSS:

background-image: radial-gradient(circle, #CD1076 6%, #0F77CB 86%);

 

HEX #0F77CB sur HEX #CD1076


Code CSS:

background-image: linear-gradient(135deg, #0F77CB 2%, #CD1076 99%);

 

HEX #0F77CB sur HEX #CD1076


Code CSS:

background-image: radial-gradient(circle, #0F77CB 8%, #CD1076 87%);

Linéaire

HEX #CD1076 sur HEX #CB890F


Code CSS:

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

Radial

HEX #CD1076 sur HEX #CB890F


Code CSS:

background-image: radial-gradient(circle, #CD1076 13%, #CB890F 97%);

 

HEX #CB890F sur HEX #CD1076


Code CSS:

background-image: linear-gradient(135deg, #CB890F 14%, #CD1076 87%);

 

HEX #CB890F sur HEX #CD1076


Code CSS:

background-image: radial-gradient(circle, #CB890F 8%, #CD1076 86%);

 

HEX #CD1076 sur HEX #0FCB64


Code CSS:

background-image: linear-gradient(135deg, #CD1076 9%, #0FCB64 100%);

 

HEX #CD1076 sur HEX #0FCB64


Code CSS:

background-image: radial-gradient(circle, #CD1076 11%, #0FCB64 92%);

 

HEX #0FCB64 sur HEX #CD1076


Code CSS:

background-image: linear-gradient(135deg, #0FCB64 5%, #CD1076 87%);

 

HEX #0FCB64 sur HEX #CD1076


Code CSS:

background-image: radial-gradient(circle, #0FCB64 6%, #CD1076 93%);

 

HEX #CD1076 sur HEX #0F51CB


Code CSS:

background-image: linear-gradient(135deg, #CD1076 13%, #0F51CB 86%);

 

HEX #CD1076 sur HEX #0F51CB


Code CSS:

background-image: radial-gradient(circle, #CD1076 13%, #0F51CB 99%);

 

HEX #0F51CB sur HEX #CD1076


Code CSS:

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

 

HEX #0F51CB sur HEX #CD1076


Code CSS:

background-image: radial-gradient(circle, #0F51CB 3%, #CD1076 91%);

Linéaire

HEX #CD1076 sur HEX #CBC20F


Code CSS:

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

Radial

HEX #CD1076 sur HEX #CBC20F


Code CSS:

background-image: radial-gradient(circle, #CD1076 9%, #CBC20F 95%);

 

HEX #CBC20F sur HEX #CD1076


Code CSS:

background-image: linear-gradient(135deg, #CBC20F 2%, #CD1076 88%);

 

HEX #CBC20F sur HEX #CD1076


Code CSS:

background-image: radial-gradient(circle, #CBC20F 1%, #CD1076 92%);

 

HEX #CD1076 sur HEX #0FCB64


Code CSS:

background-image: linear-gradient(135deg, #CD1076 2%, #0FCB64 96%);

 

HEX #CD1076 sur HEX #0FCB64


Code CSS:

background-image: radial-gradient(circle, #CD1076 1%, #0FCB64 89%);

 

HEX #0FCB64 sur HEX #CD1076


Code CSS:

background-image: linear-gradient(135deg, #0FCB64 2%, #CD1076 89%);

 

HEX #0FCB64 sur HEX #CD1076


Code CSS:

background-image: radial-gradient(circle, #0FCB64 0%, #CD1076 97%);

 

HEX #CD1076 sur HEX #0F18CB


Code CSS:

background-image: linear-gradient(135deg, #CD1076 10%, #0F18CB 96%);

 

HEX #CD1076 sur HEX #0F18CB


Code CSS:

background-image: radial-gradient(circle, #CD1076 12%, #0F18CB 93%);

 

HEX #0F18CB sur HEX #CD1076


Code CSS:

background-image: linear-gradient(135deg, #0F18CB 8%, #CD1076 87%);

 

HEX #0F18CB sur HEX #CD1076


Code CSS:

background-image: radial-gradient(circle, #0F18CB 1%, #CD1076 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)

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.