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

CSS Gradients:
#8A6DFC

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 138 Rouge, 109 Vert et 252 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.
138 109 252 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 45 cyan, 57 magenta, pas de jaune et 1 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.
45% 57% 0% 1% 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 #8A6DFC sur HEX #759203


Code CSS:

background-image: linear-gradient(135deg, #8A6DFC 0%, #759203 92%);

Radial

HEX #8A6DFC sur HEX #759203


Code CSS:

background-image: radial-gradient(circle, #8A6DFC 11%, #759203 86%);

 

HEX #759203 sur HEX #8A6DFC


Code CSS:

background-image: linear-gradient(135deg, #759203 7%, #8A6DFC 91%);

 

HEX #759203 sur HEX #8A6DFC


Code CSS:

background-image: radial-gradient(circle, #759203 2%, #8A6DFC 89%);

Linéaire

HEX #8A6DFC sur HEX #A07FFF


Code CSS:

background-image: linear-gradient(135deg, #8A6DFC 4%, #A07FFF 86%);

Radial

HEX #8A6DFC sur HEX #A07FFF


Code CSS:

background-image: radial-gradient(circle, #8A6DFC 9%, #A07FFF 89%);

 

HEX #A07FFF sur HEX #8A6DFC


Code CSS:

background-image: linear-gradient(135deg, #A07FFF 14%, #8A6DFC 93%);

 

HEX #A07FFF sur HEX #8A6DFC


Code CSS:

background-image: radial-gradient(circle, #A07FFF 4%, #8A6DFC 93%);

 

HEX #8A6DFC sur HEX #B191FF


Code CSS:

background-image: linear-gradient(135deg, #8A6DFC 9%, #B191FF 96%);

 

HEX #8A6DFC sur HEX #B191FF


Code CSS:

background-image: radial-gradient(circle, #8A6DFC 2%, #B191FF 91%);

 

HEX #B191FF sur HEX #8A6DFC


Code CSS:

background-image: linear-gradient(135deg, #B191FF 0%, #8A6DFC 99%);

 

HEX #B191FF sur HEX #8A6DFC


Code CSS:

background-image: radial-gradient(circle, #B191FF 2%, #8A6DFC 90%);

 

HEX #8A6DFC sur HEX #C2A3FF


Code CSS:

background-image: linear-gradient(135deg, #8A6DFC 3%, #C2A3FF 89%);

 

HEX #8A6DFC sur HEX #C2A3FF


Code CSS:

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

 

HEX #C2A3FF sur HEX #8A6DFC


Code CSS:

background-image: linear-gradient(135deg, #C2A3FF 13%, #8A6DFC 94%);

 

HEX #C2A3FF sur HEX #8A6DFC


Code CSS:

background-image: radial-gradient(circle, #C2A3FF 3%, #8A6DFC 92%);

 

HEX #8A6DFC sur HEX #D3B5FF


Code CSS:

background-image: linear-gradient(135deg, #8A6DFC 12%, #D3B5FF 87%);

 

HEX #8A6DFC sur HEX #D3B5FF


Code CSS:

background-image: radial-gradient(circle, #8A6DFC 13%, #D3B5FF 90%);

 

HEX #D3B5FF sur HEX #8A6DFC


Code CSS:

background-image: linear-gradient(135deg, #D3B5FF 12%, #8A6DFC 95%);

 

HEX #D3B5FF sur HEX #8A6DFC


Code CSS:

background-image: radial-gradient(circle, #D3B5FF 10%, #8A6DFC 94%);

Linéaire

HEX #8A6DFC sur HEX #795BE9


Code CSS:

background-image: linear-gradient(135deg, #8A6DFC 8%, #795BE9 99%);

Radial

HEX #8A6DFC sur HEX #795BE9


Code CSS:

background-image: radial-gradient(circle, #8A6DFC 5%, #795BE9 88%);

 

HEX #795BE9 sur HEX #8A6DFC


Code CSS:

background-image: linear-gradient(135deg, #795BE9 10%, #8A6DFC 97%);

 

HEX #795BE9 sur HEX #8A6DFC


Code CSS:

background-image: radial-gradient(circle, #795BE9 7%, #8A6DFC 92%);

 

HEX #8A6DFC sur HEX #6849D6


Code CSS:

background-image: linear-gradient(135deg, #8A6DFC 4%, #6849D6 98%);

 

HEX #8A6DFC sur HEX #6849D6


Code CSS:

background-image: radial-gradient(circle, #8A6DFC 6%, #6849D6 92%);

 

HEX #6849D6 sur HEX #8A6DFC


Code CSS:

background-image: linear-gradient(135deg, #6849D6 10%, #8A6DFC 100%);

 

HEX #6849D6 sur HEX #8A6DFC


Code CSS:

background-image: radial-gradient(circle, #6849D6 6%, #8A6DFC 93%);

 

HEX #8A6DFC sur HEX #5737C3


Code CSS:

background-image: linear-gradient(135deg, #8A6DFC 12%, #5737C3 97%);

 

HEX #8A6DFC sur HEX #5737C3


Code CSS:

background-image: radial-gradient(circle, #8A6DFC 0%, #5737C3 94%);

 

HEX #5737C3 sur HEX #8A6DFC


Code CSS:

background-image: linear-gradient(135deg, #5737C3 14%, #8A6DFC 97%);

 

HEX #5737C3 sur HEX #8A6DFC


Code CSS:

background-image: radial-gradient(circle, #5737C3 14%, #8A6DFC 86%);

 

HEX #8A6DFC sur HEX #4625B0


Code CSS:

background-image: linear-gradient(135deg, #8A6DFC 13%, #4625B0 87%);

 

HEX #8A6DFC sur HEX #4625B0


Code CSS:

background-image: radial-gradient(circle, #8A6DFC 8%, #4625B0 86%);

 

HEX #4625B0 sur HEX #8A6DFC


Code CSS:

background-image: linear-gradient(135deg, #4625B0 5%, #8A6DFC 87%);

 

HEX #4625B0 sur HEX #8A6DFC


Code CSS:

background-image: radial-gradient(circle, #4625B0 14%, #8A6DFC 86%);

Linéaire

HEX #8A6DFC sur HEX #A26EFC


Code CSS:

background-image: linear-gradient(135deg, #8A6DFC 9%, #A26EFC 95%);

Radial

HEX #8A6DFC sur HEX #A26EFC


Code CSS:

background-image: radial-gradient(circle, #8A6DFC 2%, #A26EFC 100%);

 

HEX #A26EFC sur HEX #8A6DFC


Code CSS:

background-image: linear-gradient(135deg, #A26EFC 9%, #8A6DFC 95%);

 

HEX #A26EFC sur HEX #8A6DFC


Code CSS:

background-image: radial-gradient(circle, #A26EFC 5%, #8A6DFC 97%);

 

HEX #8A6DFC sur HEX #B96EFC


Code CSS:

background-image: linear-gradient(135deg, #8A6DFC 8%, #B96EFC 98%);

 

HEX #8A6DFC sur HEX #B96EFC


Code CSS:

background-image: radial-gradient(circle, #8A6DFC 4%, #B96EFC 94%);

 

HEX #B96EFC sur HEX #8A6DFC


Code CSS:

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

 

HEX #B96EFC sur HEX #8A6DFC


Code CSS:

background-image: radial-gradient(circle, #B96EFC 4%, #8A6DFC 100%);

 

HEX #8A6DFC sur HEX #D16EFC


Code CSS:

background-image: linear-gradient(135deg, #8A6DFC 3%, #D16EFC 100%);

 

HEX #8A6DFC sur HEX #D16EFC


Code CSS:

background-image: radial-gradient(circle, #8A6DFC 3%, #D16EFC 90%);

 

HEX #D16EFC sur HEX #8A6DFC


Code CSS:

background-image: linear-gradient(135deg, #D16EFC 5%, #8A6DFC 94%);

 

HEX #D16EFC sur HEX #8A6DFC


Code CSS:

background-image: radial-gradient(circle, #D16EFC 3%, #8A6DFC 97%);

 

HEX #8A6DFC sur HEX #E96EFC


Code CSS:

background-image: linear-gradient(135deg, #8A6DFC 6%, #E96EFC 99%);

 

HEX #8A6DFC sur HEX #E96EFC


Code CSS:

background-image: radial-gradient(circle, #8A6DFC 14%, #E96EFC 93%);

 

HEX #E96EFC sur HEX #8A6DFC


Code CSS:

background-image: linear-gradient(135deg, #E96EFC 11%, #8A6DFC 86%);

 

HEX #E96EFC sur HEX #8A6DFC


Code CSS:

background-image: radial-gradient(circle, #E96EFC 5%, #8A6DFC 96%);

Linéaire

HEX #8A6DFC sur HEX #1A1530


Code CSS:

background-image: linear-gradient(135deg, #8A6DFC 4%, #1A1530 92%);

Radial

HEX #8A6DFC sur HEX #1A1530


Code CSS:

background-image: radial-gradient(circle, #8A6DFC 2%, #1A1530 90%);

 

HEX #1A1530 sur HEX #8A6DFC


Code CSS:

background-image: linear-gradient(135deg, #1A1530 0%, #8A6DFC 89%);

 

HEX #1A1530 sur HEX #8A6DFC


Code CSS:

background-image: radial-gradient(circle, #1A1530 4%, #8A6DFC 90%);

 

HEX #8A6DFC sur HEX #362B63


Code CSS:

background-image: linear-gradient(135deg, #8A6DFC 0%, #362B63 88%);

 

HEX #8A6DFC sur HEX #362B63


Code CSS:

background-image: radial-gradient(circle, #8A6DFC 10%, #362B63 90%);

 

HEX #362B63 sur HEX #8A6DFC


Code CSS:

background-image: linear-gradient(135deg, #362B63 7%, #8A6DFC 86%);

 

HEX #362B63 sur HEX #8A6DFC


Code CSS:

background-image: radial-gradient(circle, #362B63 7%, #8A6DFC 94%);

 

HEX #8A6DFC sur HEX #524196


Code CSS:

background-image: linear-gradient(135deg, #8A6DFC 0%, #524196 100%);

 

HEX #8A6DFC sur HEX #524196


Code CSS:

background-image: radial-gradient(circle, #8A6DFC 8%, #524196 93%);

 

HEX #524196 sur HEX #8A6DFC


Code CSS:

background-image: linear-gradient(135deg, #524196 11%, #8A6DFC 87%);

 

HEX #524196 sur HEX #8A6DFC


Code CSS:

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

 

HEX #8A6DFC sur HEX #6E57C9


Code CSS:

background-image: linear-gradient(135deg, #8A6DFC 5%, #6E57C9 100%);

 

HEX #8A6DFC sur HEX #6E57C9


Code CSS:

background-image: radial-gradient(circle, #8A6DFC 9%, #6E57C9 100%);

 

HEX #6E57C9 sur HEX #8A6DFC


Code CSS:

background-image: linear-gradient(135deg, #6E57C9 11%, #8A6DFC 86%);

 

HEX #6E57C9 sur HEX #8A6DFC


Code CSS:

background-image: radial-gradient(circle, #6E57C9 0%, #8A6DFC 89%);

Linéaire

HEX #8A6DFC sur HEX #FC6EC3


Code CSS:

background-image: linear-gradient(135deg, #8A6DFC 3%, #FC6EC3 88%);

Radial

HEX #8A6DFC sur HEX #FC6EC3


Code CSS:

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

 

HEX #FC6EC3 sur HEX #8A6DFC


Code CSS:

background-image: linear-gradient(135deg, #FC6EC3 0%, #8A6DFC 99%);

 

HEX #FC6EC3 sur HEX #8A6DFC


Code CSS:

background-image: radial-gradient(circle, #FC6EC3 5%, #8A6DFC 97%);

 

HEX #8A6DFC sur HEX #8AFC6E


Code CSS:

background-image: linear-gradient(135deg, #8A6DFC 0%, #8AFC6E 88%);

 

HEX #8A6DFC sur HEX #8AFC6E


Code CSS:

background-image: radial-gradient(circle, #8A6DFC 5%, #8AFC6E 99%);

 

HEX #8AFC6E sur HEX #8A6DFC


Code CSS:

background-image: linear-gradient(135deg, #8AFC6E 11%, #8A6DFC 95%);

 

HEX #8AFC6E sur HEX #8A6DFC


Code CSS:

background-image: radial-gradient(circle, #8AFC6E 8%, #8A6DFC 96%);

Linéaire

HEX #8A6DFC sur HEX #FC8A6E


Code CSS:

background-image: linear-gradient(135deg, #8A6DFC 1%, #FC8A6E 91%);

Radial

HEX #8A6DFC sur HEX #FC8A6E


Code CSS:

background-image: radial-gradient(circle, #8A6DFC 13%, #FC8A6E 96%);

 

HEX #FC8A6E sur HEX #8A6DFC


Code CSS:

background-image: linear-gradient(135deg, #FC8A6E 2%, #8A6DFC 95%);

 

HEX #FC8A6E sur HEX #8A6DFC


Code CSS:

background-image: radial-gradient(circle, #FC8A6E 14%, #8A6DFC 94%);

 

HEX #8A6DFC sur HEX #6EFC8A


Code CSS:

background-image: linear-gradient(135deg, #8A6DFC 10%, #6EFC8A 89%);

 

HEX #8A6DFC sur HEX #6EFC8A


Code CSS:

background-image: radial-gradient(circle, #8A6DFC 14%, #6EFC8A 100%);

 

HEX #6EFC8A sur HEX #8A6DFC


Code CSS:

background-image: linear-gradient(135deg, #6EFC8A 12%, #8A6DFC 92%);

 

HEX #6EFC8A sur HEX #8A6DFC


Code CSS:

background-image: radial-gradient(circle, #6EFC8A 3%, #8A6DFC 97%);

Linéaire

HEX #8A6DFC sur HEX #FC6EC3


Code CSS:

background-image: linear-gradient(135deg, #8A6DFC 13%, #FC6EC3 100%);

Radial

HEX #8A6DFC sur HEX #FC6EC3


Code CSS:

background-image: radial-gradient(circle, #8A6DFC 1%, #FC6EC3 94%);

 

HEX #FC6EC3 sur HEX #8A6DFC


Code CSS:

background-image: linear-gradient(135deg, #FC6EC3 1%, #8A6DFC 98%);

 

HEX #FC6EC3 sur HEX #8A6DFC


Code CSS:

background-image: radial-gradient(circle, #FC6EC3 2%, #8A6DFC 95%);

 

HEX #8A6DFC sur HEX #DFFC6E


Code CSS:

background-image: linear-gradient(135deg, #8A6DFC 3%, #DFFC6E 88%);

 

HEX #8A6DFC sur HEX #DFFC6E


Code CSS:

background-image: radial-gradient(circle, #8A6DFC 5%, #DFFC6E 91%);

 

HEX #DFFC6E sur HEX #8A6DFC


Code CSS:

background-image: linear-gradient(135deg, #DFFC6E 3%, #8A6DFC 95%);

 

HEX #DFFC6E sur HEX #8A6DFC


Code CSS:

background-image: radial-gradient(circle, #DFFC6E 13%, #8A6DFC 91%);

 

HEX #8A6DFC sur HEX #6EFCA6


Code CSS:

background-image: linear-gradient(135deg, #8A6DFC 4%, #6EFCA6 86%);

 

HEX #8A6DFC sur HEX #6EFCA6


Code CSS:

background-image: radial-gradient(circle, #8A6DFC 1%, #6EFCA6 97%);

 

HEX #6EFCA6 sur HEX #8A6DFC


Code CSS:

background-image: linear-gradient(135deg, #6EFCA6 1%, #8A6DFC 87%);

 

HEX #6EFCA6 sur HEX #8A6DFC


Code CSS:

background-image: radial-gradient(circle, #6EFCA6 9%, #8A6DFC 87%);

Linéaire

HEX #8A6DFC sur HEX #FC6E98


Code CSS:

background-image: linear-gradient(135deg, #8A6DFC 10%, #FC6E98 97%);

Radial

HEX #8A6DFC sur HEX #FC6E98


Code CSS:

background-image: radial-gradient(circle, #8A6DFC 8%, #FC6E98 95%);

 

HEX #FC6E98 sur HEX #8A6DFC


Code CSS:

background-image: linear-gradient(135deg, #FC6E98 5%, #8A6DFC 90%);

 

HEX #FC6E98 sur HEX #8A6DFC


Code CSS:

background-image: radial-gradient(circle, #FC6E98 9%, #8A6DFC 94%);

 

HEX #8A6DFC sur HEX #DFFC6E


Code CSS:

background-image: linear-gradient(135deg, #8A6DFC 9%, #DFFC6E 91%);

 

HEX #8A6DFC sur HEX #DFFC6E


Code CSS:

background-image: radial-gradient(circle, #8A6DFC 13%, #DFFC6E 88%);

 

HEX #DFFC6E sur HEX #8A6DFC


Code CSS:

background-image: linear-gradient(135deg, #DFFC6E 6%, #8A6DFC 87%);

 

HEX #DFFC6E sur HEX #8A6DFC


Code CSS:

background-image: radial-gradient(circle, #DFFC6E 12%, #8A6DFC 87%);

 

HEX #8A6DFC sur HEX #6EFCD1


Code CSS:

background-image: linear-gradient(135deg, #8A6DFC 5%, #6EFCD1 99%);

 

HEX #8A6DFC sur HEX #6EFCD1


Code CSS:

background-image: radial-gradient(circle, #8A6DFC 14%, #6EFCD1 97%);

 

HEX #6EFCD1 sur HEX #8A6DFC


Code CSS:

background-image: linear-gradient(135deg, #6EFCD1 13%, #8A6DFC 93%);

 

HEX #6EFCD1 sur HEX #8A6DFC


Code CSS:

background-image: radial-gradient(circle, #6EFCD1 9%, #8A6DFC 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.