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

CSS Gradients:
#B17CED

Information

ferme tous les

Laissez-vous suggérer des dégradés CSS de deux teintes comme la teinte de base et la couleur complémentaire.

Trouvez des exemples de transitions de couleurs linéaires et radiales.

Facile pour le webdesign : copiez le code CSS pour l'intégrer facilement sur votre site.

Laissez CSS suggérer des dégradés de deux teintes, comme la teinte de base et une teinte plus claire.

Trouvez des exemples de transitions de couleurs linéaires et radiales à partir de Teintes plus claires.

Facile pour le webdesign : copiez le code CSS pour l'intégrer facilement sur votre site.

Laissez CSS suggérer des dégradés de deux teintes, comme la teinte de base et une teinte plus foncée.

Trouvez des exemples de transitions de couleurs linéaires et radiales de Teintes plus foncées.

Facile pour le webdesign : copiez le code CSS pour l'intégrer facilement sur votre site.

Options d'affichage

Description

Couleur claire : des valeurs de couleur élevées créent une impression de clarté.

La décomposition de la couleur dans le système de couleurs RGB : dans cette teinte, sur 255 parts de couleurs maximales, respectivement 177 Rouge, 124 Vert et 237 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.
177 124 237 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 25 cyan, 48 magenta, pas de jaune et 7 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.
25% 48% 0% 7% 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 #B17CED sur HEX #4E8312


Code CSS:

background-image: linear-gradient(135deg, #B17CED 1%, #4E8312 100%);

Radial

HEX #B17CED sur HEX #4E8312


Code CSS:

background-image: radial-gradient(circle, #B17CED 5%, #4E8312 97%);

 

HEX #4E8312 sur HEX #B17CED


Code CSS:

background-image: linear-gradient(135deg, #4E8312 7%, #B17CED 95%);

 

HEX #4E8312 sur HEX #B17CED


Code CSS:

background-image: radial-gradient(circle, #4E8312 6%, #B17CED 94%);

Linéaire

HEX #B17CED sur HEX #937DED


Code CSS:

background-image: linear-gradient(135deg, #B17CED 5%, #937DED 94%);

Radial

HEX #B17CED sur HEX #937DED


Code CSS:

background-image: radial-gradient(circle, #B17CED 12%, #937DED 94%);

 

HEX #937DED sur HEX #B17CED


Code CSS:

background-image: linear-gradient(135deg, #937DED 2%, #B17CED 89%);

 

HEX #937DED sur HEX #B17CED


Code CSS:

background-image: radial-gradient(circle, #937DED 7%, #B17CED 96%);

 

HEX #B17CED sur HEX #B17DED


Code CSS:

background-image: linear-gradient(135deg, #B17CED 2%, #B17DED 93%);

 

HEX #B17CED sur HEX #B17DED


Code CSS:

background-image: radial-gradient(circle, #B17CED 8%, #B17DED 98%);

 

HEX #B17DED sur HEX #B17CED


Code CSS:

background-image: linear-gradient(135deg, #B17DED 10%, #B17CED 90%);

 

HEX #B17DED sur HEX #B17CED


Code CSS:

background-image: radial-gradient(circle, #B17DED 3%, #B17CED 96%);

 

HEX #B17CED sur HEX #CF7DED


Code CSS:

background-image: linear-gradient(135deg, #B17CED 1%, #CF7DED 89%);

 

HEX #B17CED sur HEX #CF7DED


Code CSS:

background-image: radial-gradient(circle, #B17CED 14%, #CF7DED 99%);

 

HEX #CF7DED sur HEX #B17CED


Code CSS:

background-image: linear-gradient(135deg, #CF7DED 5%, #B17CED 86%);

 

HEX #CF7DED sur HEX #B17CED


Code CSS:

background-image: radial-gradient(circle, #CF7DED 5%, #B17CED 100%);

 

HEX #B17CED sur HEX #ED7DED


Code CSS:

background-image: linear-gradient(135deg, #B17CED 6%, #ED7DED 96%);

 

HEX #B17CED sur HEX #ED7DED


Code CSS:

background-image: radial-gradient(circle, #B17CED 12%, #ED7DED 89%);

 

HEX #ED7DED sur HEX #B17CED


Code CSS:

background-image: linear-gradient(135deg, #ED7DED 2%, #B17CED 93%);

 

HEX #ED7DED sur HEX #B17CED


Code CSS:

background-image: radial-gradient(circle, #ED7DED 1%, #B17CED 90%);

Linéaire

HEX #B17CED sur HEX #9C59E8


Code CSS:

background-image: linear-gradient(135deg, #B17CED 14%, #9C59E8 94%);

Radial

HEX #B17CED sur HEX #9C59E8


Code CSS:

background-image: radial-gradient(circle, #B17CED 1%, #9C59E8 88%);

 

HEX #9C59E8 sur HEX #B17CED


Code CSS:

background-image: linear-gradient(135deg, #9C59E8 11%, #B17CED 99%);

 

HEX #9C59E8 sur HEX #B17CED


Code CSS:

background-image: radial-gradient(circle, #9C59E8 5%, #B17CED 94%);

 

HEX #B17CED sur HEX #B27DED


Code CSS:

background-image: linear-gradient(135deg, #B17CED 2%, #B27DED 92%);

 

HEX #B17CED sur HEX #B27DED


Code CSS:

background-image: radial-gradient(circle, #B17CED 14%, #B27DED 96%);

 

HEX #B27DED sur HEX #B17CED


Code CSS:

background-image: linear-gradient(135deg, #B27DED 3%, #B17CED 89%);

 

HEX #B27DED sur HEX #B17CED


Code CSS:

background-image: radial-gradient(circle, #B27DED 12%, #B17CED 87%);

 

HEX #B17CED sur HEX #C7A1F2


Code CSS:

background-image: linear-gradient(135deg, #B17CED 1%, #C7A1F2 99%);

 

HEX #B17CED sur HEX #C7A1F2


Code CSS:

background-image: radial-gradient(circle, #B17CED 2%, #C7A1F2 95%);

 

HEX #C7A1F2 sur HEX #B17CED


Code CSS:

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

 

HEX #C7A1F2 sur HEX #B17CED


Code CSS:

background-image: radial-gradient(circle, #C7A1F2 10%, #B17CED 90%);

 

HEX #B17CED sur HEX #DDC5F7


Code CSS:

background-image: linear-gradient(135deg, #B17CED 4%, #DDC5F7 93%);

 

HEX #B17CED sur HEX #DDC5F7


Code CSS:

background-image: radial-gradient(circle, #B17CED 0%, #DDC5F7 98%);

 

HEX #DDC5F7 sur HEX #B17CED


Code CSS:

background-image: linear-gradient(135deg, #DDC5F7 3%, #B17CED 96%);

 

HEX #DDC5F7 sur HEX #B17CED


Code CSS:

background-image: radial-gradient(circle, #DDC5F7 2%, #B17CED 87%);

Linéaire

HEX #B17CED sur HEX #937DED


Code CSS:

background-image: linear-gradient(135deg, #B17CED 0%, #937DED 99%);

Radial

HEX #B17CED sur HEX #937DED


Code CSS:

background-image: radial-gradient(circle, #B17CED 12%, #937DED 94%);

 

HEX #937DED sur HEX #B17CED


Code CSS:

background-image: linear-gradient(135deg, #937DED 7%, #B17CED 97%);

 

HEX #937DED sur HEX #B17CED


Code CSS:

background-image: radial-gradient(circle, #937DED 2%, #B17CED 99%);

 

HEX #B17CED sur HEX #B17DED


Code CSS:

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

 

HEX #B17CED sur HEX #B17DED


Code CSS:

background-image: radial-gradient(circle, #B17CED 3%, #B17DED 95%);

 

HEX #B17DED sur HEX #B17CED


Code CSS:

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

 

HEX #B17DED sur HEX #B17CED


Code CSS:

background-image: radial-gradient(circle, #B17DED 8%, #B17CED 100%);

 

HEX #B17CED sur HEX #CF7DED


Code CSS:

background-image: linear-gradient(135deg, #B17CED 9%, #CF7DED 94%);

 

HEX #B17CED sur HEX #CF7DED


Code CSS:

background-image: radial-gradient(circle, #B17CED 5%, #CF7DED 95%);

 

HEX #CF7DED sur HEX #B17CED


Code CSS:

background-image: linear-gradient(135deg, #CF7DED 5%, #B17CED 96%);

 

HEX #CF7DED sur HEX #B17CED


Code CSS:

background-image: radial-gradient(circle, #CF7DED 6%, #B17CED 100%);

 

HEX #B17CED sur HEX #ED7DED


Code CSS:

background-image: linear-gradient(135deg, #B17CED 2%, #ED7DED 93%);

 

HEX #B17CED sur HEX #ED7DED


Code CSS:

background-image: radial-gradient(circle, #B17CED 0%, #ED7DED 96%);

 

HEX #ED7DED sur HEX #B17CED


Code CSS:

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

 

HEX #ED7DED sur HEX #B17CED


Code CSS:

background-image: radial-gradient(circle, #ED7DED 12%, #B17CED 91%);

Linéaire

HEX #B17CED sur HEX #9C59E8


Code CSS:

background-image: linear-gradient(135deg, #B17CED 6%, #9C59E8 88%);

Radial

HEX #B17CED sur HEX #9C59E8


Code CSS:

background-image: radial-gradient(circle, #B17CED 7%, #9C59E8 92%);

 

HEX #9C59E8 sur HEX #B17CED


Code CSS:

background-image: linear-gradient(135deg, #9C59E8 4%, #B17CED 100%);

 

HEX #9C59E8 sur HEX #B17CED


Code CSS:

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

 

HEX #B17CED sur HEX #B27DED


Code CSS:

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

 

HEX #B17CED sur HEX #B27DED


Code CSS:

background-image: radial-gradient(circle, #B17CED 10%, #B27DED 98%);

 

HEX #B27DED sur HEX #B17CED


Code CSS:

background-image: linear-gradient(135deg, #B27DED 0%, #B17CED 87%);

 

HEX #B27DED sur HEX #B17CED


Code CSS:

background-image: radial-gradient(circle, #B27DED 14%, #B17CED 94%);

 

HEX #B17CED sur HEX #C7A1F2


Code CSS:

background-image: linear-gradient(135deg, #B17CED 1%, #C7A1F2 95%);

 

HEX #B17CED sur HEX #C7A1F2


Code CSS:

background-image: radial-gradient(circle, #B17CED 8%, #C7A1F2 90%);

 

HEX #C7A1F2 sur HEX #B17CED


Code CSS:

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

 

HEX #C7A1F2 sur HEX #B17CED


Code CSS:

background-image: radial-gradient(circle, #C7A1F2 14%, #B17CED 91%);

 

HEX #B17CED sur HEX #DDC5F7


Code CSS:

background-image: linear-gradient(135deg, #B17CED 10%, #DDC5F7 86%);

 

HEX #B17CED sur HEX #DDC5F7


Code CSS:

background-image: radial-gradient(circle, #B17CED 13%, #DDC5F7 86%);

 

HEX #DDC5F7 sur HEX #B17CED


Code CSS:

background-image: linear-gradient(135deg, #DDC5F7 12%, #B17CED 87%);

 

HEX #DDC5F7 sur HEX #B17CED


Code CSS:

background-image: radial-gradient(circle, #DDC5F7 2%, #B17CED 92%);

Linéaire

HEX #B17CED sur HEX #ED7DA2


Code CSS:

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

Radial

HEX #B17CED sur HEX #ED7DA2


Code CSS:

background-image: radial-gradient(circle, #B17CED 0%, #ED7DA2 94%);

 

HEX #ED7DA2 sur HEX #B17CED


Code CSS:

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

 

HEX #ED7DA2 sur HEX #B17CED


Code CSS:

background-image: radial-gradient(circle, #ED7DA2 8%, #B17CED 89%);

 

HEX #B17CED sur HEX #7DED84


Code CSS:

background-image: linear-gradient(135deg, #B17CED 6%, #7DED84 88%);

 

HEX #B17CED sur HEX #7DED84


Code CSS:

background-image: radial-gradient(circle, #B17CED 8%, #7DED84 93%);

 

HEX #7DED84 sur HEX #B17CED


Code CSS:

background-image: linear-gradient(135deg, #7DED84 10%, #B17CED 89%);

 

HEX #7DED84 sur HEX #B17CED


Code CSS:

background-image: radial-gradient(circle, #7DED84 14%, #B17CED 92%);

Linéaire

HEX #B17CED sur HEX #EDB17D


Code CSS:

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

Radial

HEX #B17CED sur HEX #EDB17D


Code CSS:

background-image: radial-gradient(circle, #B17CED 0%, #EDB17D 93%);

 

HEX #EDB17D sur HEX #B17CED


Code CSS:

background-image: linear-gradient(135deg, #EDB17D 7%, #B17CED 100%);

 

HEX #EDB17D sur HEX #B17CED


Code CSS:

background-image: radial-gradient(circle, #EDB17D 9%, #B17CED 92%);

 

HEX #B17CED sur HEX #7DEDB1


Code CSS:

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

 

HEX #B17CED sur HEX #7DEDB1


Code CSS:

background-image: radial-gradient(circle, #B17CED 8%, #7DEDB1 100%);

 

HEX #7DEDB1 sur HEX #B17CED


Code CSS:

background-image: linear-gradient(135deg, #7DEDB1 8%, #B17CED 98%);

 

HEX #7DEDB1 sur HEX #B17CED


Code CSS:

background-image: radial-gradient(circle, #7DEDB1 0%, #B17CED 87%);

Linéaire

HEX #B17CED sur HEX #ED7DA2


Code CSS:

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

Radial

HEX #B17CED sur HEX #ED7DA2


Code CSS:

background-image: radial-gradient(circle, #B17CED 3%, #ED7DA2 88%);

 

HEX #ED7DA2 sur HEX #B17CED


Code CSS:

background-image: linear-gradient(135deg, #ED7DA2 1%, #B17CED 86%);

 

HEX #ED7DA2 sur HEX #B17CED


Code CSS:

background-image: radial-gradient(circle, #ED7DA2 4%, #B17CED 99%);

 

HEX #B17CED sur HEX #B9ED7D


Code CSS:

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

 

HEX #B17CED sur HEX #B9ED7D


Code CSS:

background-image: radial-gradient(circle, #B17CED 6%, #B9ED7D 87%);

 

HEX #B9ED7D sur HEX #B17CED


Code CSS:

background-image: linear-gradient(135deg, #B9ED7D 8%, #B17CED 96%);

 

HEX #B9ED7D sur HEX #B17CED


Code CSS:

background-image: radial-gradient(circle, #B9ED7D 6%, #B17CED 88%);

 

HEX #B17CED sur HEX #7DEDC8


Code CSS:

background-image: linear-gradient(135deg, #B17CED 13%, #7DEDC8 98%);

 

HEX #B17CED sur HEX #7DEDC8


Code CSS:

background-image: radial-gradient(circle, #B17CED 1%, #7DEDC8 89%);

 

HEX #7DEDC8 sur HEX #B17CED


Code CSS:

background-image: linear-gradient(135deg, #7DEDC8 13%, #B17CED 99%);

 

HEX #7DEDC8 sur HEX #B17CED


Code CSS:

background-image: radial-gradient(circle, #7DEDC8 6%, #B17CED 86%);

Linéaire

HEX #B17CED sur HEX #ED7D81


Code CSS:

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

Radial

HEX #B17CED sur HEX #ED7D81


Code CSS:

background-image: radial-gradient(circle, #B17CED 5%, #ED7D81 98%);

 

HEX #ED7D81 sur HEX #B17CED


Code CSS:

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

 

HEX #ED7D81 sur HEX #B17CED


Code CSS:

background-image: radial-gradient(circle, #ED7D81 12%, #B17CED 96%);

 

HEX #B17CED sur HEX #B9ED7D


Code CSS:

background-image: linear-gradient(135deg, #B17CED 6%, #B9ED7D 91%);

 

HEX #B17CED sur HEX #B9ED7D


Code CSS:

background-image: radial-gradient(circle, #B17CED 0%, #B9ED7D 86%);

 

HEX #B9ED7D sur HEX #B17CED


Code CSS:

background-image: linear-gradient(135deg, #B9ED7D 13%, #B17CED 86%);

 

HEX #B9ED7D sur HEX #B17CED


Code CSS:

background-image: radial-gradient(circle, #B9ED7D 12%, #B17CED 96%);

 

HEX #B17CED sur HEX #7DEDEA


Code CSS:

background-image: linear-gradient(135deg, #B17CED 12%, #7DEDEA 98%);

 

HEX #B17CED sur HEX #7DEDEA


Code CSS:

background-image: radial-gradient(circle, #B17CED 5%, #7DEDEA 89%);

 

HEX #7DEDEA sur HEX #B17CED


Code CSS:

background-image: linear-gradient(135deg, #7DEDEA 13%, #B17CED 95%);

 

HEX #7DEDEA sur HEX #B17CED


Code CSS:

background-image: radial-gradient(circle, #7DEDEA 10%, #B17CED 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)

Pour pouvoir enregistrer les palettes de couleurs, une inscription est nécessaire.

Se connecter à votre compte

ou

Créer un compte

Partager la palette de couleurs actuelle
Doit-elle être publique ou privée?
Les liens suivent après le partage.

Annuler Partager

Palette de couleurs partagée
Veuillez copier et enregistrer le lien souhaité.

Partager

OK, j'ai copié les liens

Vos couleurs sont enregistrées dans une nouvelle palette de couleurs.
Vous pouvez la consulter sous votre profil.
Vous pouvez la personnaliser davantage, et la partager.

Afficher la palette de couleurs
Fermer

Créer une palette de couleurs

TéléchargerTélécharger dans différents formats

Tout supprimer

En cliquant sur , vous pouvez créer des palettes et télécharger les nuanciers.