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

CSS Gradients:
RGB 192 31 149

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 é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 192 Rouge, 31 Vert et 149 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.
192 31 149 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, 84 magenta, 22 jaune et 25 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% 84% 22% 25% 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 #C01F95 sur HEX #3FE06A


Code CSS:

background-image: linear-gradient(135deg, #C01F95 1%, #3FE06A 99%);

Radial

HEX #C01F95 sur HEX #3FE06A


Code CSS:

background-image: radial-gradient(circle, #C01F95 13%, #3FE06A 99%);

 

HEX #3FE06A sur HEX #C01F95


Code CSS:

background-image: linear-gradient(135deg, #3FE06A 14%, #C01F95 94%);

 

HEX #3FE06A sur HEX #C01F95


Code CSS:

background-image: radial-gradient(circle, #3FE06A 10%, #C01F95 90%);

Linéaire

HEX #C01F95 sur HEX #D631A3


Code CSS:

background-image: linear-gradient(135deg, #C01F95 2%, #D631A3 91%);

Radial

HEX #C01F95 sur HEX #D631A3


Code CSS:

background-image: radial-gradient(circle, #C01F95 5%, #D631A3 94%);

 

HEX #D631A3 sur HEX #C01F95


Code CSS:

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

 

HEX #D631A3 sur HEX #C01F95


Code CSS:

background-image: radial-gradient(circle, #D631A3 2%, #C01F95 86%);

 

HEX #C01F95 sur HEX #E743B6


Code CSS:

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

 

HEX #C01F95 sur HEX #E743B6


Code CSS:

background-image: radial-gradient(circle, #C01F95 4%, #E743B6 99%);

 

HEX #E743B6 sur HEX #C01F95


Code CSS:

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

 

HEX #E743B6 sur HEX #C01F95


Code CSS:

background-image: radial-gradient(circle, #E743B6 11%, #C01F95 96%);

 

HEX #C01F95 sur HEX #F855C9


Code CSS:

background-image: linear-gradient(135deg, #C01F95 11%, #F855C9 88%);

 

HEX #C01F95 sur HEX #F855C9


Code CSS:

background-image: radial-gradient(circle, #C01F95 1%, #F855C9 99%);

 

HEX #F855C9 sur HEX #C01F95


Code CSS:

background-image: linear-gradient(135deg, #F855C9 7%, #C01F95 97%);

 

HEX #F855C9 sur HEX #C01F95


Code CSS:

background-image: radial-gradient(circle, #F855C9 11%, #C01F95 89%);

 

HEX #C01F95 sur HEX #FF67DC


Code CSS:

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

 

HEX #C01F95 sur HEX #FF67DC


Code CSS:

background-image: radial-gradient(circle, #C01F95 6%, #FF67DC 88%);

 

HEX #FF67DC sur HEX #C01F95


Code CSS:

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

 

HEX #FF67DC sur HEX #C01F95


Code CSS:

background-image: radial-gradient(circle, #FF67DC 7%, #C01F95 92%);

Linéaire

HEX #C01F95 sur HEX #AF0D82


Code CSS:

background-image: linear-gradient(135deg, #C01F95 10%, #AF0D82 89%);

Radial

HEX #C01F95 sur HEX #AF0D82


Code CSS:

background-image: radial-gradient(circle, #C01F95 9%, #AF0D82 87%);

 

HEX #AF0D82 sur HEX #C01F95


Code CSS:

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

 

HEX #AF0D82 sur HEX #C01F95


Code CSS:

background-image: radial-gradient(circle, #AF0D82 1%, #C01F95 96%);

 

HEX #C01F95 sur HEX #9E006F


Code CSS:

background-image: linear-gradient(135deg, #C01F95 9%, #9E006F 100%);

 

HEX #C01F95 sur HEX #9E006F


Code CSS:

background-image: radial-gradient(circle, #C01F95 8%, #9E006F 95%);

 

HEX #9E006F sur HEX #C01F95


Code CSS:

background-image: linear-gradient(135deg, #9E006F 10%, #C01F95 92%);

 

HEX #9E006F sur HEX #C01F95


Code CSS:

background-image: radial-gradient(circle, #9E006F 8%, #C01F95 86%);

 

HEX #C01F95 sur HEX #8D005C


Code CSS:

background-image: linear-gradient(135deg, #C01F95 10%, #8D005C 87%);

 

HEX #C01F95 sur HEX #8D005C


Code CSS:

background-image: radial-gradient(circle, #C01F95 13%, #8D005C 99%);

 

HEX #8D005C sur HEX #C01F95


Code CSS:

background-image: linear-gradient(135deg, #8D005C 10%, #C01F95 87%);

 

HEX #8D005C sur HEX #C01F95


Code CSS:

background-image: radial-gradient(circle, #8D005C 8%, #C01F95 99%);

 

HEX #C01F95 sur HEX #7C0049


Code CSS:

background-image: linear-gradient(135deg, #C01F95 9%, #7C0049 95%);

 

HEX #C01F95 sur HEX #7C0049


Code CSS:

background-image: radial-gradient(circle, #C01F95 8%, #7C0049 97%);

 

HEX #7C0049 sur HEX #C01F95


Code CSS:

background-image: linear-gradient(135deg, #7C0049 2%, #C01F95 89%);

 

HEX #7C0049 sur HEX #C01F95


Code CSS:

background-image: radial-gradient(circle, #7C0049 10%, #C01F95 96%);

Linéaire

HEX #C01F95 sur HEX #C01F7A


Code CSS:

background-image: linear-gradient(135deg, #C01F95 10%, #C01F7A 89%);

Radial

HEX #C01F95 sur HEX #C01F7A


Code CSS:

background-image: radial-gradient(circle, #C01F95 13%, #C01F7A 87%);

 

HEX #C01F7A sur HEX #C01F95


Code CSS:

background-image: linear-gradient(135deg, #C01F7A 14%, #C01F95 99%);

 

HEX #C01F7A sur HEX #C01F95


Code CSS:

background-image: radial-gradient(circle, #C01F7A 8%, #C01F95 94%);

 

HEX #C01F95 sur HEX #C01F60


Code CSS:

background-image: linear-gradient(135deg, #C01F95 8%, #C01F60 90%);

 

HEX #C01F95 sur HEX #C01F60


Code CSS:

background-image: radial-gradient(circle, #C01F95 4%, #C01F60 92%);

 

HEX #C01F60 sur HEX #C01F95


Code CSS:

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

 

HEX #C01F60 sur HEX #C01F95


Code CSS:

background-image: radial-gradient(circle, #C01F60 11%, #C01F95 89%);

 

HEX #C01F95 sur HEX #C01F45


Code CSS:

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

 

HEX #C01F95 sur HEX #C01F45


Code CSS:

background-image: radial-gradient(circle, #C01F95 10%, #C01F45 90%);

 

HEX #C01F45 sur HEX #C01F95


Code CSS:

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

 

HEX #C01F45 sur HEX #C01F95


Code CSS:

background-image: radial-gradient(circle, #C01F45 1%, #C01F95 91%);

 

HEX #C01F95 sur HEX #C01F2A


Code CSS:

background-image: linear-gradient(135deg, #C01F95 3%, #C01F2A 92%);

 

HEX #C01F95 sur HEX #C01F2A


Code CSS:

background-image: radial-gradient(circle, #C01F95 3%, #C01F2A 91%);

 

HEX #C01F2A sur HEX #C01F95


Code CSS:

background-image: linear-gradient(135deg, #C01F2A 1%, #C01F95 98%);

 

HEX #C01F2A sur HEX #C01F95


Code CSS:

background-image: radial-gradient(circle, #C01F2A 1%, #C01F95 99%);

Linéaire

HEX #C01F95 sur HEX #F327BD


Code CSS:

background-image: linear-gradient(135deg, #C01F95 7%, #F327BD 93%);

Radial

HEX #C01F95 sur HEX #F327BD


Code CSS:

background-image: radial-gradient(circle, #C01F95 9%, #F327BD 95%);

 

HEX #F327BD sur HEX #C01F95


Code CSS:

background-image: linear-gradient(135deg, #F327BD 12%, #C01F95 88%);

 

HEX #F327BD sur HEX #C01F95


Code CSS:

background-image: radial-gradient(circle, #F327BD 12%, #C01F95 88%);

 

HEX #C01F95 sur HEX #27061E


Code CSS:

background-image: linear-gradient(135deg, #C01F95 7%, #27061E 95%);

 

HEX #C01F95 sur HEX #27061E


Code CSS:

background-image: radial-gradient(circle, #C01F95 3%, #27061E 100%);

 

HEX #27061E sur HEX #C01F95


Code CSS:

background-image: linear-gradient(135deg, #27061E 7%, #C01F95 94%);

 

HEX #27061E sur HEX #C01F95


Code CSS:

background-image: radial-gradient(circle, #27061E 14%, #C01F95 94%);

 

HEX #C01F95 sur HEX #5A0F46


Code CSS:

background-image: linear-gradient(135deg, #C01F95 7%, #5A0F46 100%);

 

HEX #C01F95 sur HEX #5A0F46


Code CSS:

background-image: radial-gradient(circle, #C01F95 14%, #5A0F46 90%);

 

HEX #5A0F46 sur HEX #C01F95


Code CSS:

background-image: linear-gradient(135deg, #5A0F46 5%, #C01F95 87%);

 

HEX #5A0F46 sur HEX #C01F95


Code CSS:

background-image: radial-gradient(circle, #5A0F46 13%, #C01F95 94%);

 

HEX #C01F95 sur HEX #8D176D


Code CSS:

background-image: linear-gradient(135deg, #C01F95 13%, #8D176D 99%);

 

HEX #C01F95 sur HEX #8D176D


Code CSS:

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

 

HEX #8D176D sur HEX #C01F95


Code CSS:

background-image: linear-gradient(135deg, #8D176D 1%, #C01F95 89%);

 

HEX #8D176D sur HEX #C01F95


Code CSS:

background-image: radial-gradient(circle, #8D176D 10%, #C01F95 98%);

Linéaire

HEX #C01F95 sur HEX #C06A1F


Code CSS:

background-image: linear-gradient(135deg, #C01F95 3%, #C06A1F 92%);

Radial

HEX #C01F95 sur HEX #C06A1F


Code CSS:

background-image: radial-gradient(circle, #C01F95 7%, #C06A1F 86%);

 

HEX #C06A1F sur HEX #C01F95


Code CSS:

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

 

HEX #C06A1F sur HEX #C01F95


Code CSS:

background-image: radial-gradient(circle, #C06A1F 4%, #C01F95 96%);

 

HEX #C01F95 sur HEX #1FC0AB


Code CSS:

background-image: linear-gradient(135deg, #C01F95 14%, #1FC0AB 93%);

 

HEX #C01F95 sur HEX #1FC0AB


Code CSS:

background-image: radial-gradient(circle, #C01F95 0%, #1FC0AB 91%);

 

HEX #1FC0AB sur HEX #C01F95


Code CSS:

background-image: linear-gradient(135deg, #1FC0AB 14%, #C01F95 99%);

 

HEX #1FC0AB sur HEX #C01F95


Code CSS:

background-image: radial-gradient(circle, #1FC0AB 1%, #C01F95 91%);

Linéaire

HEX #C01F95 sur HEX #95C01F


Code CSS:

background-image: linear-gradient(135deg, #C01F95 14%, #95C01F 98%);

Radial

HEX #C01F95 sur HEX #95C01F


Code CSS:

background-image: radial-gradient(circle, #C01F95 5%, #95C01F 93%);

 

HEX #95C01F sur HEX #C01F95


Code CSS:

background-image: linear-gradient(135deg, #95C01F 2%, #C01F95 91%);

 

HEX #95C01F sur HEX #C01F95


Code CSS:

background-image: radial-gradient(circle, #95C01F 3%, #C01F95 92%);

 

HEX #C01F95 sur HEX #1F95C0


Code CSS:

background-image: linear-gradient(135deg, #C01F95 12%, #1F95C0 87%);

 

HEX #C01F95 sur HEX #1F95C0


Code CSS:

background-image: radial-gradient(circle, #C01F95 2%, #1F95C0 90%);

 

HEX #1F95C0 sur HEX #C01F95


Code CSS:

background-image: linear-gradient(135deg, #1F95C0 14%, #C01F95 92%);

 

HEX #1F95C0 sur HEX #C01F95


Code CSS:

background-image: radial-gradient(circle, #1F95C0 5%, #C01F95 95%);

Linéaire

HEX #C01F95 sur HEX #C06A1F


Code CSS:

background-image: linear-gradient(135deg, #C01F95 3%, #C06A1F 90%);

Radial

HEX #C01F95 sur HEX #C06A1F


Code CSS:

background-image: radial-gradient(circle, #C01F95 5%, #C06A1F 98%);

 

HEX #C06A1F sur HEX #C01F95


Code CSS:

background-image: linear-gradient(135deg, #C06A1F 8%, #C01F95 87%);

 

HEX #C06A1F sur HEX #C01F95


Code CSS:

background-image: radial-gradient(circle, #C06A1F 5%, #C01F95 92%);

 

HEX #C01F95 sur HEX #1FC04A


Code CSS:

background-image: linear-gradient(135deg, #C01F95 9%, #1FC04A 95%);

 

HEX #C01F95 sur HEX #1FC04A


Code CSS:

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

 

HEX #1FC04A sur HEX #C01F95


Code CSS:

background-image: linear-gradient(135deg, #1FC04A 12%, #C01F95 91%);

 

HEX #1FC04A sur HEX #C01F95


Code CSS:

background-image: radial-gradient(circle, #1FC04A 6%, #C01F95 89%);

 

HEX #C01F95 sur HEX #1F75C0


Code CSS:

background-image: linear-gradient(135deg, #C01F95 3%, #1F75C0 87%);

 

HEX #C01F95 sur HEX #1F75C0


Code CSS:

background-image: radial-gradient(circle, #C01F95 13%, #1F75C0 96%);

 

HEX #1F75C0 sur HEX #C01F95


Code CSS:

background-image: linear-gradient(135deg, #1F75C0 4%, #C01F95 87%);

 

HEX #1F75C0 sur HEX #C01F95


Code CSS:

background-image: radial-gradient(circle, #1F75C0 8%, #C01F95 100%);

Linéaire

HEX #C01F95 sur HEX #C09B1F


Code CSS:

background-image: linear-gradient(135deg, #C01F95 0%, #C09B1F 98%);

Radial

HEX #C01F95 sur HEX #C09B1F


Code CSS:

background-image: radial-gradient(circle, #C01F95 6%, #C09B1F 88%);

 

HEX #C09B1F sur HEX #C01F95


Code CSS:

background-image: linear-gradient(135deg, #C09B1F 11%, #C01F95 97%);

 

HEX #C09B1F sur HEX #C01F95


Code CSS:

background-image: radial-gradient(circle, #C09B1F 14%, #C01F95 87%);

 

HEX #C01F95 sur HEX #1FC04A


Code CSS:

background-image: linear-gradient(135deg, #C01F95 7%, #1FC04A 93%);

 

HEX #C01F95 sur HEX #1FC04A


Code CSS:

background-image: radial-gradient(circle, #C01F95 8%, #1FC04A 89%);

 

HEX #1FC04A sur HEX #C01F95


Code CSS:

background-image: linear-gradient(135deg, #1FC04A 7%, #C01F95 98%);

 

HEX #1FC04A sur HEX #C01F95


Code CSS:

background-image: radial-gradient(circle, #1FC04A 10%, #C01F95 95%);

 

HEX #C01F95 sur HEX #1F45C0


Code CSS:

background-image: linear-gradient(135deg, #C01F95 4%, #1F45C0 98%);

 

HEX #C01F95 sur HEX #1F45C0


Code CSS:

background-image: radial-gradient(circle, #C01F95 3%, #1F45C0 99%);

 

HEX #1F45C0 sur HEX #C01F95


Code CSS:

background-image: linear-gradient(135deg, #1F45C0 13%, #C01F95 88%);

 

HEX #1F45C0 sur HEX #C01F95


Code CSS:

background-image: radial-gradient(circle, #1F45C0 3%, #C01F95 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

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.