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

CSS Gradients:
CMYK 20 / 74 / 0 / 0

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 204 Rouge, 66 Vert et 255 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.
204 66 255 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 20 cyan, 74 magenta, pas de jaune et pas de 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.
20% 74% 0% 0% 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 #CC42FF sur HEX #33BD00


Code CSS:

background-image: linear-gradient(135deg, #CC42FF 4%, #33BD00 92%);

Radial

HEX #CC42FF sur HEX #33BD00


Code CSS:

background-image: radial-gradient(circle, #CC42FF 6%, #33BD00 95%);

 

HEX #33BD00 sur HEX #CC42FF


Code CSS:

background-image: linear-gradient(135deg, #33BD00 6%, #CC42FF 99%);

 

HEX #33BD00 sur HEX #CC42FF


Code CSS:

background-image: radial-gradient(circle, #33BD00 5%, #CC42FF 93%);

Linéaire

HEX #CC42FF sur HEX #E254FF


Code CSS:

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

Radial

HEX #CC42FF sur HEX #E254FF


Code CSS:

background-image: radial-gradient(circle, #CC42FF 7%, #E254FF 99%);

 

HEX #E254FF sur HEX #CC42FF


Code CSS:

background-image: linear-gradient(135deg, #E254FF 11%, #CC42FF 93%);

 

HEX #E254FF sur HEX #CC42FF


Code CSS:

background-image: radial-gradient(circle, #E254FF 6%, #CC42FF 91%);

 

HEX #CC42FF sur HEX #F366FF


Code CSS:

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

 

HEX #CC42FF sur HEX #F366FF


Code CSS:

background-image: radial-gradient(circle, #CC42FF 5%, #F366FF 96%);

 

HEX #F366FF sur HEX #CC42FF


Code CSS:

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

 

HEX #F366FF sur HEX #CC42FF


Code CSS:

background-image: radial-gradient(circle, #F366FF 4%, #CC42FF 98%);

 

HEX #CC42FF sur HEX #FF78FF


Code CSS:

background-image: linear-gradient(135deg, #CC42FF 14%, #FF78FF 90%);

 

HEX #CC42FF sur HEX #FF78FF


Code CSS:

background-image: radial-gradient(circle, #CC42FF 9%, #FF78FF 97%);

 

HEX #FF78FF sur HEX #CC42FF


Code CSS:

background-image: linear-gradient(135deg, #FF78FF 0%, #CC42FF 91%);

 

HEX #FF78FF sur HEX #CC42FF


Code CSS:

background-image: radial-gradient(circle, #FF78FF 7%, #CC42FF 86%);

 

HEX #CC42FF sur HEX #FF8AFF


Code CSS:

background-image: linear-gradient(135deg, #CC42FF 0%, #FF8AFF 90%);

 

HEX #CC42FF sur HEX #FF8AFF


Code CSS:

background-image: radial-gradient(circle, #CC42FF 13%, #FF8AFF 99%);

 

HEX #FF8AFF sur HEX #CC42FF


Code CSS:

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

 

HEX #FF8AFF sur HEX #CC42FF


Code CSS:

background-image: radial-gradient(circle, #FF8AFF 9%, #CC42FF 88%);

Linéaire

HEX #CC42FF sur HEX #BB30EC


Code CSS:

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

Radial

HEX #CC42FF sur HEX #BB30EC


Code CSS:

background-image: radial-gradient(circle, #CC42FF 14%, #BB30EC 92%);

 

HEX #BB30EC sur HEX #CC42FF


Code CSS:

background-image: linear-gradient(135deg, #BB30EC 0%, #CC42FF 95%);

 

HEX #BB30EC sur HEX #CC42FF


Code CSS:

background-image: radial-gradient(circle, #BB30EC 4%, #CC42FF 90%);

 

HEX #CC42FF sur HEX #AA1ED9


Code CSS:

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

 

HEX #CC42FF sur HEX #AA1ED9


Code CSS:

background-image: radial-gradient(circle, #CC42FF 3%, #AA1ED9 94%);

 

HEX #AA1ED9 sur HEX #CC42FF


Code CSS:

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

 

HEX #AA1ED9 sur HEX #CC42FF


Code CSS:

background-image: radial-gradient(circle, #AA1ED9 4%, #CC42FF 86%);

 

HEX #CC42FF sur HEX #990CC6


Code CSS:

background-image: linear-gradient(135deg, #CC42FF 9%, #990CC6 95%);

 

HEX #CC42FF sur HEX #990CC6


Code CSS:

background-image: radial-gradient(circle, #CC42FF 13%, #990CC6 87%);

 

HEX #990CC6 sur HEX #CC42FF


Code CSS:

background-image: linear-gradient(135deg, #990CC6 1%, #CC42FF 89%);

 

HEX #990CC6 sur HEX #CC42FF


Code CSS:

background-image: radial-gradient(circle, #990CC6 0%, #CC42FF 95%);

 

HEX #CC42FF sur HEX #8800B3


Code CSS:

background-image: linear-gradient(135deg, #CC42FF 3%, #8800B3 100%);

 

HEX #CC42FF sur HEX #8800B3


Code CSS:

background-image: radial-gradient(circle, #CC42FF 4%, #8800B3 93%);

 

HEX #8800B3 sur HEX #CC42FF


Code CSS:

background-image: linear-gradient(135deg, #8800B3 1%, #CC42FF 94%);

 

HEX #8800B3 sur HEX #CC42FF


Code CSS:

background-image: radial-gradient(circle, #8800B3 2%, #CC42FF 96%);

Linéaire

HEX #CC42FF sur HEX #E842FF


Code CSS:

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

Radial

HEX #CC42FF sur HEX #E842FF


Code CSS:

background-image: radial-gradient(circle, #CC42FF 1%, #E842FF 94%);

 

HEX #E842FF sur HEX #CC42FF


Code CSS:

background-image: linear-gradient(135deg, #E842FF 10%, #CC42FF 88%);

 

HEX #E842FF sur HEX #CC42FF


Code CSS:

background-image: radial-gradient(circle, #E842FF 8%, #CC42FF 96%);

 

HEX #CC42FF sur HEX #FF42F5


Code CSS:

background-image: linear-gradient(135deg, #CC42FF 1%, #FF42F5 93%);

 

HEX #CC42FF sur HEX #FF42F5


Code CSS:

background-image: radial-gradient(circle, #CC42FF 10%, #FF42F5 98%);

 

HEX #FF42F5 sur HEX #CC42FF


Code CSS:

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

 

HEX #FF42F5 sur HEX #CC42FF


Code CSS:

background-image: radial-gradient(circle, #FF42F5 3%, #CC42FF 93%);

 

HEX #CC42FF sur HEX #FF42D6


Code CSS:

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

 

HEX #CC42FF sur HEX #FF42D6


Code CSS:

background-image: radial-gradient(circle, #CC42FF 11%, #FF42D6 96%);

 

HEX #FF42D6 sur HEX #CC42FF


Code CSS:

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

 

HEX #FF42D6 sur HEX #CC42FF


Code CSS:

background-image: radial-gradient(circle, #FF42D6 10%, #CC42FF 93%);

 

HEX #CC42FF sur HEX #FF42B6


Code CSS:

background-image: linear-gradient(135deg, #CC42FF 10%, #FF42B6 98%);

 

HEX #CC42FF sur HEX #FF42B6


Code CSS:

background-image: radial-gradient(circle, #CC42FF 0%, #FF42B6 91%);

 

HEX #FF42B6 sur HEX #CC42FF


Code CSS:

background-image: linear-gradient(135deg, #FF42B6 1%, #CC42FF 100%);

 

HEX #FF42B6 sur HEX #CC42FF


Code CSS:

background-image: radial-gradient(circle, #FF42B6 11%, #CC42FF 93%);

Linéaire

HEX #CC42FF sur HEX #290D33


Code CSS:

background-image: linear-gradient(135deg, #CC42FF 11%, #290D33 92%);

Radial

HEX #CC42FF sur HEX #290D33


Code CSS:

background-image: radial-gradient(circle, #CC42FF 3%, #290D33 97%);

 

HEX #290D33 sur HEX #CC42FF


Code CSS:

background-image: linear-gradient(135deg, #290D33 12%, #CC42FF 98%);

 

HEX #290D33 sur HEX #CC42FF


Code CSS:

background-image: radial-gradient(circle, #290D33 10%, #CC42FF 87%);

 

HEX #CC42FF sur HEX #521A66


Code CSS:

background-image: linear-gradient(135deg, #CC42FF 2%, #521A66 100%);

 

HEX #CC42FF sur HEX #521A66


Code CSS:

background-image: radial-gradient(circle, #CC42FF 2%, #521A66 92%);

 

HEX #521A66 sur HEX #CC42FF


Code CSS:

background-image: linear-gradient(135deg, #521A66 5%, #CC42FF 96%);

 

HEX #521A66 sur HEX #CC42FF


Code CSS:

background-image: radial-gradient(circle, #521A66 9%, #CC42FF 94%);

 

HEX #CC42FF sur HEX #7A2899


Code CSS:

background-image: linear-gradient(135deg, #CC42FF 8%, #7A2899 89%);

 

HEX #CC42FF sur HEX #7A2899


Code CSS:

background-image: radial-gradient(circle, #CC42FF 2%, #7A2899 94%);

 

HEX #7A2899 sur HEX #CC42FF


Code CSS:

background-image: linear-gradient(135deg, #7A2899 10%, #CC42FF 96%);

 

HEX #7A2899 sur HEX #CC42FF


Code CSS:

background-image: radial-gradient(circle, #7A2899 14%, #CC42FF 94%);

 

HEX #CC42FF sur HEX #A335CC


Code CSS:

background-image: linear-gradient(135deg, #CC42FF 7%, #A335CC 86%);

 

HEX #CC42FF sur HEX #A335CC


Code CSS:

background-image: radial-gradient(circle, #CC42FF 4%, #A335CC 91%);

 

HEX #A335CC sur HEX #CC42FF


Code CSS:

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

 

HEX #A335CC sur HEX #CC42FF


Code CSS:

background-image: radial-gradient(circle, #A335CC 0%, #CC42FF 97%);

Linéaire

HEX #CC42FF sur HEX #FF4252


Code CSS:

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

Radial

HEX #CC42FF sur HEX #FF4252


Code CSS:

background-image: radial-gradient(circle, #CC42FF 3%, #FF4252 93%);

 

HEX #FF4252 sur HEX #CC42FF


Code CSS:

background-image: linear-gradient(135deg, #FF4252 2%, #CC42FF 86%);

 

HEX #FF4252 sur HEX #CC42FF


Code CSS:

background-image: radial-gradient(circle, #FF4252 9%, #CC42FF 99%);

 

HEX #CC42FF sur HEX #42FF7E


Code CSS:

background-image: linear-gradient(135deg, #CC42FF 9%, #42FF7E 98%);

 

HEX #CC42FF sur HEX #42FF7E


Code CSS:

background-image: radial-gradient(circle, #CC42FF 1%, #42FF7E 93%);

 

HEX #42FF7E sur HEX #CC42FF


Code CSS:

background-image: linear-gradient(135deg, #42FF7E 0%, #CC42FF 90%);

 

HEX #42FF7E sur HEX #CC42FF


Code CSS:

background-image: radial-gradient(circle, #42FF7E 10%, #CC42FF 100%);

Linéaire

HEX #CC42FF sur HEX #FFC942


Code CSS:

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

Radial

HEX #CC42FF sur HEX #FFC942


Code CSS:

background-image: radial-gradient(circle, #CC42FF 5%, #FFC942 95%);

 

HEX #FFC942 sur HEX #CC42FF


Code CSS:

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

 

HEX #FFC942 sur HEX #CC42FF


Code CSS:

background-image: radial-gradient(circle, #FFC942 14%, #CC42FF 88%);

 

HEX #CC42FF sur HEX #42FFC9


Code CSS:

background-image: linear-gradient(135deg, #CC42FF 0%, #42FFC9 88%);

 

HEX #CC42FF sur HEX #42FFC9


Code CSS:

background-image: radial-gradient(circle, #CC42FF 0%, #42FFC9 93%);

 

HEX #42FFC9 sur HEX #CC42FF


Code CSS:

background-image: linear-gradient(135deg, #42FFC9 8%, #CC42FF 95%);

 

HEX #42FFC9 sur HEX #CC42FF


Code CSS:

background-image: radial-gradient(circle, #42FFC9 14%, #CC42FF 86%);

Linéaire

HEX #CC42FF sur HEX #FF4252


Code CSS:

background-image: linear-gradient(135deg, #CC42FF 9%, #FF4252 88%);

Radial

HEX #CC42FF sur HEX #FF4252


Code CSS:

background-image: radial-gradient(circle, #CC42FF 3%, #FF4252 94%);

 

HEX #FF4252 sur HEX #CC42FF


Code CSS:

background-image: linear-gradient(135deg, #FF4252 6%, #CC42FF 87%);

 

HEX #FF4252 sur HEX #CC42FF


Code CSS:

background-image: radial-gradient(circle, #FF4252 6%, #CC42FF 97%);

 

HEX #CC42FF sur HEX #77FF42


Code CSS:

background-image: linear-gradient(135deg, #CC42FF 11%, #77FF42 89%);

 

HEX #CC42FF sur HEX #77FF42


Code CSS:

background-image: radial-gradient(circle, #CC42FF 0%, #77FF42 97%);

 

HEX #77FF42 sur HEX #CC42FF


Code CSS:

background-image: linear-gradient(135deg, #77FF42 9%, #CC42FF 96%);

 

HEX #77FF42 sur HEX #CC42FF


Code CSS:

background-image: radial-gradient(circle, #77FF42 0%, #CC42FF 89%);

 

HEX #CC42FF sur HEX #42FFEF


Code CSS:

background-image: linear-gradient(135deg, #CC42FF 7%, #42FFEF 94%);

 

HEX #CC42FF sur HEX #42FFEF


Code CSS:

background-image: radial-gradient(circle, #CC42FF 14%, #42FFEF 99%);

 

HEX #42FFEF sur HEX #CC42FF


Code CSS:

background-image: linear-gradient(135deg, #42FFEF 8%, #CC42FF 99%);

 

HEX #42FFEF sur HEX #CC42FF


Code CSS:

background-image: radial-gradient(circle, #42FFEF 2%, #CC42FF 93%);

Linéaire

HEX #CC42FF sur HEX #FF6B42


Code CSS:

background-image: linear-gradient(135deg, #CC42FF 2%, #FF6B42 95%);

Radial

HEX #CC42FF sur HEX #FF6B42


Code CSS:

background-image: radial-gradient(circle, #CC42FF 0%, #FF6B42 91%);

 

HEX #FF6B42 sur HEX #CC42FF


Code CSS:

background-image: linear-gradient(135deg, #FF6B42 13%, #CC42FF 93%);

 

HEX #FF6B42 sur HEX #CC42FF


Code CSS:

background-image: radial-gradient(circle, #FF6B42 0%, #CC42FF 90%);

 

HEX #CC42FF sur HEX #77FF42


Code CSS:

background-image: linear-gradient(135deg, #CC42FF 7%, #77FF42 91%);

 

HEX #CC42FF sur HEX #77FF42


Code CSS:

background-image: radial-gradient(circle, #CC42FF 8%, #77FF42 95%);

 

HEX #77FF42 sur HEX #CC42FF


Code CSS:

background-image: linear-gradient(135deg, #77FF42 14%, #CC42FF 91%);

 

HEX #77FF42 sur HEX #CC42FF


Code CSS:

background-image: radial-gradient(circle, #77FF42 10%, #CC42FF 96%);

 

HEX #CC42FF sur HEX #42D6FF


Code CSS:

background-image: linear-gradient(135deg, #CC42FF 0%, #42D6FF 94%);

 

HEX #CC42FF sur HEX #42D6FF


Code CSS:

background-image: radial-gradient(circle, #CC42FF 1%, #42D6FF 97%);

 

HEX #42D6FF sur HEX #CC42FF


Code CSS:

background-image: linear-gradient(135deg, #42D6FF 11%, #CC42FF 91%);

 

HEX #42D6FF sur HEX #CC42FF


Code CSS:

background-image: radial-gradient(circle, #42D6FF 2%, #CC42FF 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

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.