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

CSS Gradients:
#BADA57

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 186 Rouge, 218 Vert et 87 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.
186 218 87 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, pas de magenta, 60 jaune et 15 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% 0% 60% 15% 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 #BADA57 sur HEX #4525A8


Code CSS:

background-image: linear-gradient(135deg, #BADA57 10%, #4525A8 97%);

Radial

HEX #BADA57 sur HEX #4525A8


Code CSS:

background-image: radial-gradient(circle, #BADA57 10%, #4525A8 86%);

 

HEX #4525A8 sur HEX #BADA57


Code CSS:

background-image: linear-gradient(135deg, #4525A8 13%, #BADA57 97%);

 

HEX #4525A8 sur HEX #BADA57


Code CSS:

background-image: radial-gradient(circle, #4525A8 8%, #BADA57 95%);

Linéaire

HEX #BADA57 sur HEX #DAD658


Code CSS:

background-image: linear-gradient(135deg, #BADA57 10%, #DAD658 95%);

Radial

HEX #BADA57 sur HEX #DAD658


Code CSS:

background-image: radial-gradient(circle, #BADA57 2%, #DAD658 99%);

 

HEX #DAD658 sur HEX #BADA57


Code CSS:

background-image: linear-gradient(135deg, #DAD658 11%, #BADA57 91%);

 

HEX #DAD658 sur HEX #BADA57


Code CSS:

background-image: radial-gradient(circle, #DAD658 12%, #BADA57 94%);

 

HEX #BADA57 sur HEX #BCDA58


Code CSS:

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

 

HEX #BADA57 sur HEX #BCDA58


Code CSS:

background-image: radial-gradient(circle, #BADA57 1%, #BCDA58 96%);

 

HEX #BCDA58 sur HEX #BADA57


Code CSS:

background-image: linear-gradient(135deg, #BCDA58 14%, #BADA57 92%);

 

HEX #BCDA58 sur HEX #BADA57


Code CSS:

background-image: radial-gradient(circle, #BCDA58 5%, #BADA57 95%);

 

HEX #BADA57 sur HEX #99DA58


Code CSS:

background-image: linear-gradient(135deg, #BADA57 11%, #99DA58 100%);

 

HEX #BADA57 sur HEX #99DA58


Code CSS:

background-image: radial-gradient(circle, #BADA57 3%, #99DA58 92%);

 

HEX #99DA58 sur HEX #BADA57


Code CSS:

background-image: linear-gradient(135deg, #99DA58 10%, #BADA57 100%);

 

HEX #99DA58 sur HEX #BADA57


Code CSS:

background-image: radial-gradient(circle, #99DA58 14%, #BADA57 92%);

 

HEX #BADA57 sur HEX #76DA58


Code CSS:

background-image: linear-gradient(135deg, #BADA57 4%, #76DA58 92%);

 

HEX #BADA57 sur HEX #76DA58


Code CSS:

background-image: radial-gradient(circle, #BADA57 11%, #76DA58 87%);

 

HEX #76DA58 sur HEX #BADA57


Code CSS:

background-image: linear-gradient(135deg, #76DA58 8%, #BADA57 87%);

 

HEX #76DA58 sur HEX #BADA57


Code CSS:

background-image: radial-gradient(circle, #76DA58 7%, #BADA57 100%);

Linéaire

HEX #BADA57 sur HEX #ADD336


Code CSS:

background-image: linear-gradient(135deg, #BADA57 5%, #ADD336 88%);

Radial

HEX #BADA57 sur HEX #ADD336


Code CSS:

background-image: radial-gradient(circle, #BADA57 1%, #ADD336 95%);

 

HEX #ADD336 sur HEX #BADA57


Code CSS:

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

 

HEX #ADD336 sur HEX #BADA57


Code CSS:

background-image: radial-gradient(circle, #ADD336 2%, #BADA57 91%);

 

HEX #BADA57 sur HEX #BADA58


Code CSS:

background-image: linear-gradient(135deg, #BADA57 12%, #BADA58 91%);

 

HEX #BADA57 sur HEX #BADA58


Code CSS:

background-image: radial-gradient(circle, #BADA57 6%, #BADA58 90%);

 

HEX #BADA58 sur HEX #BADA57


Code CSS:

background-image: linear-gradient(135deg, #BADA58 14%, #BADA57 96%);

 

HEX #BADA58 sur HEX #BADA57


Code CSS:

background-image: radial-gradient(circle, #BADA58 4%, #BADA57 93%);

 

HEX #BADA57 sur HEX #C8E27A


Code CSS:

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

 

HEX #BADA57 sur HEX #C8E27A


Code CSS:

background-image: radial-gradient(circle, #BADA57 2%, #C8E27A 97%);

 

HEX #C8E27A sur HEX #BADA57


Code CSS:

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

 

HEX #C8E27A sur HEX #BADA57


Code CSS:

background-image: radial-gradient(circle, #C8E27A 2%, #BADA57 87%);

 

HEX #BADA57 sur HEX #D6E99B


Code CSS:

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

 

HEX #BADA57 sur HEX #D6E99B


Code CSS:

background-image: radial-gradient(circle, #BADA57 8%, #D6E99B 99%);

 

HEX #D6E99B sur HEX #BADA57


Code CSS:

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

 

HEX #D6E99B sur HEX #BADA57


Code CSS:

background-image: radial-gradient(circle, #D6E99B 6%, #BADA57 89%);

Linéaire

HEX #BADA57 sur HEX #DAD658


Code CSS:

background-image: linear-gradient(135deg, #BADA57 10%, #DAD658 100%);

Radial

HEX #BADA57 sur HEX #DAD658


Code CSS:

background-image: radial-gradient(circle, #BADA57 4%, #DAD658 88%);

 

HEX #DAD658 sur HEX #BADA57


Code CSS:

background-image: linear-gradient(135deg, #DAD658 4%, #BADA57 99%);

 

HEX #DAD658 sur HEX #BADA57


Code CSS:

background-image: radial-gradient(circle, #DAD658 0%, #BADA57 90%);

 

HEX #BADA57 sur HEX #BCDA58


Code CSS:

background-image: linear-gradient(135deg, #BADA57 14%, #BCDA58 96%);

 

HEX #BADA57 sur HEX #BCDA58


Code CSS:

background-image: radial-gradient(circle, #BADA57 13%, #BCDA58 96%);

 

HEX #BCDA58 sur HEX #BADA57


Code CSS:

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

 

HEX #BCDA58 sur HEX #BADA57


Code CSS:

background-image: radial-gradient(circle, #BCDA58 9%, #BADA57 93%);

 

HEX #BADA57 sur HEX #99DA58


Code CSS:

background-image: linear-gradient(135deg, #BADA57 12%, #99DA58 95%);

 

HEX #BADA57 sur HEX #99DA58


Code CSS:

background-image: radial-gradient(circle, #BADA57 4%, #99DA58 86%);

 

HEX #99DA58 sur HEX #BADA57


Code CSS:

background-image: linear-gradient(135deg, #99DA58 0%, #BADA57 97%);

 

HEX #99DA58 sur HEX #BADA57


Code CSS:

background-image: radial-gradient(circle, #99DA58 5%, #BADA57 90%);

 

HEX #BADA57 sur HEX #76DA58


Code CSS:

background-image: linear-gradient(135deg, #BADA57 5%, #76DA58 94%);

 

HEX #BADA57 sur HEX #76DA58


Code CSS:

background-image: radial-gradient(circle, #BADA57 12%, #76DA58 100%);

 

HEX #76DA58 sur HEX #BADA57


Code CSS:

background-image: linear-gradient(135deg, #76DA58 5%, #BADA57 95%);

 

HEX #76DA58 sur HEX #BADA57


Code CSS:

background-image: radial-gradient(circle, #76DA58 7%, #BADA57 96%);

Linéaire

HEX #BADA57 sur HEX #ADD336


Code CSS:

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

Radial

HEX #BADA57 sur HEX #ADD336


Code CSS:

background-image: radial-gradient(circle, #BADA57 4%, #ADD336 90%);

 

HEX #ADD336 sur HEX #BADA57


Code CSS:

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

 

HEX #ADD336 sur HEX #BADA57


Code CSS:

background-image: radial-gradient(circle, #ADD336 3%, #BADA57 90%);

 

HEX #BADA57 sur HEX #BADA58


Code CSS:

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

 

HEX #BADA57 sur HEX #BADA58


Code CSS:

background-image: radial-gradient(circle, #BADA57 4%, #BADA58 92%);

 

HEX #BADA58 sur HEX #BADA57


Code CSS:

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

 

HEX #BADA58 sur HEX #BADA57


Code CSS:

background-image: radial-gradient(circle, #BADA58 10%, #BADA57 99%);

 

HEX #BADA57 sur HEX #C8E27A


Code CSS:

background-image: linear-gradient(135deg, #BADA57 1%, #C8E27A 87%);

 

HEX #BADA57 sur HEX #C8E27A


Code CSS:

background-image: radial-gradient(circle, #BADA57 4%, #C8E27A 89%);

 

HEX #C8E27A sur HEX #BADA57


Code CSS:

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

 

HEX #C8E27A sur HEX #BADA57


Code CSS:

background-image: radial-gradient(circle, #C8E27A 11%, #BADA57 89%);

 

HEX #BADA57 sur HEX #D6E99B


Code CSS:

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

 

HEX #BADA57 sur HEX #D6E99B


Code CSS:

background-image: radial-gradient(circle, #BADA57 13%, #D6E99B 98%);

 

HEX #D6E99B sur HEX #BADA57


Code CSS:

background-image: linear-gradient(135deg, #D6E99B 3%, #BADA57 88%);

 

HEX #D6E99B sur HEX #BADA57


Code CSS:

background-image: radial-gradient(circle, #D6E99B 12%, #BADA57 93%);

Linéaire

HEX #BADA57 sur HEX #58DA90


Code CSS:

background-image: linear-gradient(135deg, #BADA57 12%, #58DA90 94%);

Radial

HEX #BADA57 sur HEX #58DA90


Code CSS:

background-image: radial-gradient(circle, #BADA57 3%, #58DA90 88%);

 

HEX #58DA90 sur HEX #BADA57


Code CSS:

background-image: linear-gradient(135deg, #58DA90 14%, #BADA57 95%);

 

HEX #58DA90 sur HEX #BADA57


Code CSS:

background-image: radial-gradient(circle, #58DA90 2%, #BADA57 98%);

 

HEX #BADA57 sur HEX #C558DA


Code CSS:

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

 

HEX #BADA57 sur HEX #C558DA


Code CSS:

background-image: radial-gradient(circle, #BADA57 6%, #C558DA 94%);

 

HEX #C558DA sur HEX #BADA57


Code CSS:

background-image: linear-gradient(135deg, #C558DA 4%, #BADA57 87%);

 

HEX #C558DA sur HEX #BADA57


Code CSS:

background-image: radial-gradient(circle, #C558DA 4%, #BADA57 98%);

Linéaire

HEX #BADA57 sur HEX #58BCDA


Code CSS:

background-image: linear-gradient(135deg, #BADA57 13%, #58BCDA 90%);

Radial

HEX #BADA57 sur HEX #58BCDA


Code CSS:

background-image: radial-gradient(circle, #BADA57 11%, #58BCDA 99%);

 

HEX #58BCDA sur HEX #BADA57


Code CSS:

background-image: linear-gradient(135deg, #58BCDA 11%, #BADA57 90%);

 

HEX #58BCDA sur HEX #BADA57


Code CSS:

background-image: radial-gradient(circle, #58BCDA 9%, #BADA57 90%);

 

HEX #BADA57 sur HEX #DA58BC


Code CSS:

background-image: linear-gradient(135deg, #BADA57 4%, #DA58BC 96%);

 

HEX #BADA57 sur HEX #DA58BC


Code CSS:

background-image: radial-gradient(circle, #BADA57 13%, #DA58BC 98%);

 

HEX #DA58BC sur HEX #BADA57


Code CSS:

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

 

HEX #DA58BC sur HEX #BADA57


Code CSS:

background-image: radial-gradient(circle, #DA58BC 5%, #BADA57 98%);

Linéaire

HEX #BADA57 sur HEX #58DA90


Code CSS:

background-image: linear-gradient(135deg, #BADA57 3%, #58DA90 97%);

Radial

HEX #BADA57 sur HEX #58DA90


Code CSS:

background-image: radial-gradient(circle, #BADA57 8%, #58DA90 91%);

 

HEX #58DA90 sur HEX #BADA57


Code CSS:

background-image: linear-gradient(135deg, #58DA90 9%, #BADA57 91%);

 

HEX #58DA90 sur HEX #BADA57


Code CSS:

background-image: radial-gradient(circle, #58DA90 9%, #BADA57 90%);

 

HEX #BADA57 sur HEX #7658DA


Code CSS:

background-image: linear-gradient(135deg, #BADA57 1%, #7658DA 98%);

 

HEX #BADA57 sur HEX #7658DA


Code CSS:

background-image: radial-gradient(circle, #BADA57 7%, #7658DA 92%);

 

HEX #7658DA sur HEX #BADA57


Code CSS:

background-image: linear-gradient(135deg, #7658DA 11%, #BADA57 94%);

 

HEX #7658DA sur HEX #BADA57


Code CSS:

background-image: radial-gradient(circle, #7658DA 3%, #BADA57 93%);

 

HEX #BADA57 sur HEX #DA58A2


Code CSS:

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

 

HEX #BADA57 sur HEX #DA58A2


Code CSS:

background-image: radial-gradient(circle, #BADA57 3%, #DA58A2 96%);

 

HEX #DA58A2 sur HEX #BADA57


Code CSS:

background-image: linear-gradient(135deg, #DA58A2 5%, #BADA57 91%);

 

HEX #DA58A2 sur HEX #BADA57


Code CSS:

background-image: radial-gradient(circle, #DA58A2 10%, #BADA57 95%);

Linéaire

HEX #BADA57 sur HEX #58DAB7


Code CSS:

background-image: linear-gradient(135deg, #BADA57 2%, #58DAB7 96%);

Radial

HEX #BADA57 sur HEX #58DAB7


Code CSS:

background-image: radial-gradient(circle, #BADA57 12%, #58DAB7 93%);

 

HEX #58DAB7 sur HEX #BADA57


Code CSS:

background-image: linear-gradient(135deg, #58DAB7 8%, #BADA57 91%);

 

HEX #58DAB7 sur HEX #BADA57


Code CSS:

background-image: radial-gradient(circle, #58DAB7 7%, #BADA57 93%);

 

HEX #BADA57 sur HEX #7658DA


Code CSS:

background-image: linear-gradient(135deg, #BADA57 8%, #7658DA 95%);

 

HEX #BADA57 sur HEX #7658DA


Code CSS:

background-image: radial-gradient(circle, #BADA57 5%, #7658DA 100%);

 

HEX #7658DA sur HEX #BADA57


Code CSS:

background-image: linear-gradient(135deg, #7658DA 9%, #BADA57 94%);

 

HEX #7658DA sur HEX #BADA57


Code CSS:

background-image: radial-gradient(circle, #7658DA 1%, #BADA57 97%);

 

HEX #BADA57 sur HEX #DA587B


Code CSS:

background-image: linear-gradient(135deg, #BADA57 8%, #DA587B 92%);

 

HEX #BADA57 sur HEX #DA587B


Code CSS:

background-image: radial-gradient(circle, #BADA57 11%, #DA587B 98%);

 

HEX #DA587B sur HEX #BADA57


Code CSS:

background-image: linear-gradient(135deg, #DA587B 3%, #BADA57 87%);

 

HEX #DA587B sur HEX #BADA57


Code CSS:

background-image: radial-gradient(circle, #DA587B 12%, #BADA57 95%);

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.