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

CSS Gradients:
#A381BF

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 163 Rouge, 129 Vert et 191 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.
163 129 191 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 15 cyan, 32 magenta, pas de 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.
15% 32% 0% 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 #A381BF sur HEX #5C7E40


Code CSS:

background-image: linear-gradient(135deg, #A381BF 6%, #5C7E40 87%);

Radial

HEX #A381BF sur HEX #5C7E40


Code CSS:

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

 

HEX #5C7E40 sur HEX #A381BF


Code CSS:

background-image: linear-gradient(135deg, #5C7E40 2%, #A381BF 93%);

 

HEX #5C7E40 sur HEX #A381BF


Code CSS:

background-image: radial-gradient(circle, #5C7E40 3%, #A381BF 95%);

Linéaire

HEX #A381BF sur HEX #B993CD


Code CSS:

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

Radial

HEX #A381BF sur HEX #B993CD


Code CSS:

background-image: radial-gradient(circle, #A381BF 2%, #B993CD 88%);

 

HEX #B993CD sur HEX #A381BF


Code CSS:

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

 

HEX #B993CD sur HEX #A381BF


Code CSS:

background-image: radial-gradient(circle, #B993CD 14%, #A381BF 91%);

 

HEX #A381BF sur HEX #CAA5E0


Code CSS:

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

 

HEX #A381BF sur HEX #CAA5E0


Code CSS:

background-image: radial-gradient(circle, #A381BF 11%, #CAA5E0 91%);

 

HEX #CAA5E0 sur HEX #A381BF


Code CSS:

background-image: linear-gradient(135deg, #CAA5E0 7%, #A381BF 92%);

 

HEX #CAA5E0 sur HEX #A381BF


Code CSS:

background-image: radial-gradient(circle, #CAA5E0 2%, #A381BF 92%);

 

HEX #A381BF sur HEX #DBB7F3


Code CSS:

background-image: linear-gradient(135deg, #A381BF 2%, #DBB7F3 96%);

 

HEX #A381BF sur HEX #DBB7F3


Code CSS:

background-image: radial-gradient(circle, #A381BF 4%, #DBB7F3 90%);

 

HEX #DBB7F3 sur HEX #A381BF


Code CSS:

background-image: linear-gradient(135deg, #DBB7F3 6%, #A381BF 94%);

 

HEX #DBB7F3 sur HEX #A381BF


Code CSS:

background-image: radial-gradient(circle, #DBB7F3 14%, #A381BF 90%);

 

HEX #A381BF sur HEX #ECC9FF


Code CSS:

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

 

HEX #A381BF sur HEX #ECC9FF


Code CSS:

background-image: radial-gradient(circle, #A381BF 13%, #ECC9FF 92%);

 

HEX #ECC9FF sur HEX #A381BF


Code CSS:

background-image: linear-gradient(135deg, #ECC9FF 13%, #A381BF 99%);

 

HEX #ECC9FF sur HEX #A381BF


Code CSS:

background-image: radial-gradient(circle, #ECC9FF 1%, #A381BF 93%);

Linéaire

HEX #A381BF sur HEX #926FAC


Code CSS:

background-image: linear-gradient(135deg, #A381BF 3%, #926FAC 90%);

Radial

HEX #A381BF sur HEX #926FAC


Code CSS:

background-image: radial-gradient(circle, #A381BF 2%, #926FAC 91%);

 

HEX #926FAC sur HEX #A381BF


Code CSS:

background-image: linear-gradient(135deg, #926FAC 10%, #A381BF 96%);

 

HEX #926FAC sur HEX #A381BF


Code CSS:

background-image: radial-gradient(circle, #926FAC 5%, #A381BF 86%);

 

HEX #A381BF sur HEX #815D99


Code CSS:

background-image: linear-gradient(135deg, #A381BF 1%, #815D99 97%);

 

HEX #A381BF sur HEX #815D99


Code CSS:

background-image: radial-gradient(circle, #A381BF 8%, #815D99 96%);

 

HEX #815D99 sur HEX #A381BF


Code CSS:

background-image: linear-gradient(135deg, #815D99 4%, #A381BF 93%);

 

HEX #815D99 sur HEX #A381BF


Code CSS:

background-image: radial-gradient(circle, #815D99 7%, #A381BF 94%);

 

HEX #A381BF sur HEX #704B86


Code CSS:

background-image: linear-gradient(135deg, #A381BF 8%, #704B86 99%);

 

HEX #A381BF sur HEX #704B86


Code CSS:

background-image: radial-gradient(circle, #A381BF 12%, #704B86 92%);

 

HEX #704B86 sur HEX #A381BF


Code CSS:

background-image: linear-gradient(135deg, #704B86 14%, #A381BF 91%);

 

HEX #704B86 sur HEX #A381BF


Code CSS:

background-image: radial-gradient(circle, #704B86 11%, #A381BF 96%);

 

HEX #A381BF sur HEX #5F3973


Code CSS:

background-image: linear-gradient(135deg, #A381BF 13%, #5F3973 92%);

 

HEX #A381BF sur HEX #5F3973


Code CSS:

background-image: radial-gradient(circle, #A381BF 11%, #5F3973 91%);

 

HEX #5F3973 sur HEX #A381BF


Code CSS:

background-image: linear-gradient(135deg, #5F3973 1%, #A381BF 97%);

 

HEX #5F3973 sur HEX #A381BF


Code CSS:

background-image: radial-gradient(circle, #5F3973 1%, #A381BF 92%);

Linéaire

HEX #A381BF sur HEX #AD81BF


Code CSS:

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

Radial

HEX #A381BF sur HEX #AD81BF


Code CSS:

background-image: radial-gradient(circle, #A381BF 14%, #AD81BF 96%);

 

HEX #AD81BF sur HEX #A381BF


Code CSS:

background-image: linear-gradient(135deg, #AD81BF 9%, #A381BF 93%);

 

HEX #AD81BF sur HEX #A381BF


Code CSS:

background-image: radial-gradient(circle, #AD81BF 3%, #A381BF 86%);

 

HEX #A381BF sur HEX #B781BF


Code CSS:

background-image: linear-gradient(135deg, #A381BF 1%, #B781BF 92%);

 

HEX #A381BF sur HEX #B781BF


Code CSS:

background-image: radial-gradient(circle, #A381BF 9%, #B781BF 96%);

 

HEX #B781BF sur HEX #A381BF


Code CSS:

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

 

HEX #B781BF sur HEX #A381BF


Code CSS:

background-image: radial-gradient(circle, #B781BF 1%, #A381BF 99%);

 

HEX #A381BF sur HEX #BF81BD


Code CSS:

background-image: linear-gradient(135deg, #A381BF 3%, #BF81BD 91%);

 

HEX #A381BF sur HEX #BF81BD


Code CSS:

background-image: radial-gradient(circle, #A381BF 14%, #BF81BD 95%);

 

HEX #BF81BD sur HEX #A381BF


Code CSS:

background-image: linear-gradient(135deg, #BF81BD 11%, #A381BF 89%);

 

HEX #BF81BD sur HEX #A381BF


Code CSS:

background-image: radial-gradient(circle, #BF81BD 8%, #A381BF 96%);

 

HEX #A381BF sur HEX #BF81B3


Code CSS:

background-image: linear-gradient(135deg, #A381BF 3%, #BF81B3 98%);

 

HEX #A381BF sur HEX #BF81B3


Code CSS:

background-image: radial-gradient(circle, #A381BF 0%, #BF81B3 93%);

 

HEX #BF81B3 sur HEX #A381BF


Code CSS:

background-image: linear-gradient(135deg, #BF81B3 11%, #A381BF 94%);

 

HEX #BF81B3 sur HEX #A381BF


Code CSS:

background-image: radial-gradient(circle, #BF81B3 11%, #A381BF 99%);

Linéaire

HEX #A381BF sur HEX #CFA3F2


Code CSS:

background-image: linear-gradient(135deg, #A381BF 3%, #CFA3F2 86%);

Radial

HEX #A381BF sur HEX #CFA3F2


Code CSS:

background-image: radial-gradient(circle, #A381BF 9%, #CFA3F2 100%);

 

HEX #CFA3F2 sur HEX #A381BF


Code CSS:

background-image: linear-gradient(135deg, #CFA3F2 9%, #A381BF 87%);

 

HEX #CFA3F2 sur HEX #A381BF


Code CSS:

background-image: radial-gradient(circle, #CFA3F2 0%, #A381BF 91%);

 

HEX #A381BF sur HEX #201A26


Code CSS:

background-image: linear-gradient(135deg, #A381BF 6%, #201A26 99%);

 

HEX #A381BF sur HEX #201A26


Code CSS:

background-image: radial-gradient(circle, #A381BF 13%, #201A26 94%);

 

HEX #201A26 sur HEX #A381BF


Code CSS:

background-image: linear-gradient(135deg, #201A26 6%, #A381BF 98%);

 

HEX #201A26 sur HEX #A381BF


Code CSS:

background-image: radial-gradient(circle, #201A26 2%, #A381BF 90%);

 

HEX #A381BF sur HEX #4C3C59


Code CSS:

background-image: linear-gradient(135deg, #A381BF 13%, #4C3C59 87%);

 

HEX #A381BF sur HEX #4C3C59


Code CSS:

background-image: radial-gradient(circle, #A381BF 11%, #4C3C59 86%);

 

HEX #4C3C59 sur HEX #A381BF


Code CSS:

background-image: linear-gradient(135deg, #4C3C59 11%, #A381BF 87%);

 

HEX #4C3C59 sur HEX #A381BF


Code CSS:

background-image: radial-gradient(circle, #4C3C59 8%, #A381BF 98%);

 

HEX #A381BF sur HEX #775F8C


Code CSS:

background-image: linear-gradient(135deg, #A381BF 4%, #775F8C 97%);

 

HEX #A381BF sur HEX #775F8C


Code CSS:

background-image: radial-gradient(circle, #A381BF 6%, #775F8C 86%);

 

HEX #775F8C sur HEX #A381BF


Code CSS:

background-image: linear-gradient(135deg, #775F8C 4%, #A381BF 94%);

 

HEX #775F8C sur HEX #A381BF


Code CSS:

background-image: radial-gradient(circle, #775F8C 12%, #A381BF 86%);

Linéaire

HEX #A381BF sur HEX #BF8192


Code CSS:

background-image: linear-gradient(135deg, #A381BF 8%, #BF8192 91%);

Radial

HEX #A381BF sur HEX #BF8192


Code CSS:

background-image: radial-gradient(circle, #A381BF 13%, #BF8192 88%);

 

HEX #BF8192 sur HEX #A381BF


Code CSS:

background-image: linear-gradient(135deg, #BF8192 14%, #A381BF 91%);

 

HEX #BF8192 sur HEX #A381BF


Code CSS:

background-image: radial-gradient(circle, #BF8192 3%, #A381BF 100%);

 

HEX #A381BF sur HEX #81BF89


Code CSS:

background-image: linear-gradient(135deg, #A381BF 12%, #81BF89 97%);

 

HEX #A381BF sur HEX #81BF89


Code CSS:

background-image: radial-gradient(circle, #A381BF 1%, #81BF89 93%);

 

HEX #81BF89 sur HEX #A381BF


Code CSS:

background-image: linear-gradient(135deg, #81BF89 11%, #A381BF 94%);

 

HEX #81BF89 sur HEX #A381BF


Code CSS:

background-image: radial-gradient(circle, #81BF89 2%, #A381BF 96%);

Linéaire

HEX #A381BF sur HEX #BFA281


Code CSS:

background-image: linear-gradient(135deg, #A381BF 0%, #BFA281 94%);

Radial

HEX #A381BF sur HEX #BFA281


Code CSS:

background-image: radial-gradient(circle, #A381BF 10%, #BFA281 97%);

 

HEX #BFA281 sur HEX #A381BF


Code CSS:

background-image: linear-gradient(135deg, #BFA281 0%, #A381BF 100%);

 

HEX #BFA281 sur HEX #A381BF


Code CSS:

background-image: radial-gradient(circle, #BFA281 1%, #A381BF 87%);

 

HEX #A381BF sur HEX #81BFA2


Code CSS:

background-image: linear-gradient(135deg, #A381BF 3%, #81BFA2 87%);

 

HEX #A381BF sur HEX #81BFA2


Code CSS:

background-image: radial-gradient(circle, #A381BF 14%, #81BFA2 92%);

 

HEX #81BFA2 sur HEX #A381BF


Code CSS:

background-image: linear-gradient(135deg, #81BFA2 13%, #A381BF 92%);

 

HEX #81BFA2 sur HEX #A381BF


Code CSS:

background-image: radial-gradient(circle, #81BFA2 11%, #A381BF 88%);

Linéaire

HEX #A381BF sur HEX #BF8192


Code CSS:

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

Radial

HEX #A381BF sur HEX #BF8192


Code CSS:

background-image: radial-gradient(circle, #A381BF 8%, #BF8192 98%);

 

HEX #BF8192 sur HEX #A381BF


Code CSS:

background-image: linear-gradient(135deg, #BF8192 6%, #A381BF 99%);

 

HEX #BF8192 sur HEX #A381BF


Code CSS:

background-image: radial-gradient(circle, #BF8192 12%, #A381BF 88%);

 

HEX #A381BF sur HEX #9EBF81


Code CSS:

background-image: linear-gradient(135deg, #A381BF 14%, #9EBF81 99%);

 

HEX #A381BF sur HEX #9EBF81


Code CSS:

background-image: radial-gradient(circle, #A381BF 14%, #9EBF81 89%);

 

HEX #9EBF81 sur HEX #A381BF


Code CSS:

background-image: linear-gradient(135deg, #9EBF81 2%, #A381BF 97%);

 

HEX #9EBF81 sur HEX #A381BF


Code CSS:

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

 

HEX #A381BF sur HEX #81BFAF


Code CSS:

background-image: linear-gradient(135deg, #A381BF 6%, #81BFAF 88%);

 

HEX #A381BF sur HEX #81BFAF


Code CSS:

background-image: radial-gradient(circle, #A381BF 0%, #81BFAF 93%);

 

HEX #81BFAF sur HEX #A381BF


Code CSS:

background-image: linear-gradient(135deg, #81BFAF 7%, #A381BF 88%);

 

HEX #81BFAF sur HEX #A381BF


Code CSS:

background-image: radial-gradient(circle, #81BFAF 3%, #A381BF 100%);

Linéaire

HEX #A381BF sur HEX #BF8381


Code CSS:

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

Radial

HEX #A381BF sur HEX #BF8381


Code CSS:

background-image: radial-gradient(circle, #A381BF 4%, #BF8381 92%);

 

HEX #BF8381 sur HEX #A381BF


Code CSS:

background-image: linear-gradient(135deg, #BF8381 1%, #A381BF 88%);

 

HEX #BF8381 sur HEX #A381BF


Code CSS:

background-image: radial-gradient(circle, #BF8381 1%, #A381BF 98%);

 

HEX #A381BF sur HEX #9EBF81


Code CSS:

background-image: linear-gradient(135deg, #A381BF 1%, #9EBF81 87%);

 

HEX #A381BF sur HEX #9EBF81


Code CSS:

background-image: radial-gradient(circle, #A381BF 14%, #9EBF81 86%);

 

HEX #9EBF81 sur HEX #A381BF


Code CSS:

background-image: linear-gradient(135deg, #9EBF81 12%, #A381BF 86%);

 

HEX #9EBF81 sur HEX #A381BF


Code CSS:

background-image: radial-gradient(circle, #9EBF81 4%, #A381BF 97%);

 

HEX #A381BF sur HEX #81BDBF


Code CSS:

background-image: linear-gradient(135deg, #A381BF 1%, #81BDBF 97%);

 

HEX #A381BF sur HEX #81BDBF


Code CSS:

background-image: radial-gradient(circle, #A381BF 0%, #81BDBF 86%);

 

HEX #81BDBF sur HEX #A381BF


Code CSS:

background-image: linear-gradient(135deg, #81BDBF 8%, #A381BF 94%);

 

HEX #81BDBF sur HEX #A381BF


Code CSS:

background-image: radial-gradient(circle, #81BDBF 9%, #A381BF 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.