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

CSS Gradients:
#34EB7B

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

Le bleu et le vert dominent nettement cette teinte : les valeurs du bleu et du vert sont supérieures à celles du rouge. 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 52 Rouge, 235 Vert et 123 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.
52 235 123 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 78 cyan, pas de magenta, 48 jaune et 8 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.
78% 0% 48% 8% 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 #34EB7B sur HEX #CB1484


Code CSS:

background-image: linear-gradient(135deg, #34EB7B 12%, #CB1484 93%);

Radial

HEX #34EB7B sur HEX #CB1484


Code CSS:

background-image: radial-gradient(circle, #34EB7B 12%, #CB1484 87%);

 

HEX #CB1484 sur HEX #34EB7B


Code CSS:

background-image: linear-gradient(135deg, #CB1484 3%, #34EB7B 92%);

 

HEX #CB1484 sur HEX #34EB7B


Code CSS:

background-image: radial-gradient(circle, #CB1484 12%, #34EB7B 98%);

Linéaire

HEX #34EB7B sur HEX #33EB48


Code CSS:

background-image: linear-gradient(135deg, #34EB7B 14%, #33EB48 94%);

Radial

HEX #34EB7B sur HEX #33EB48


Code CSS:

background-image: radial-gradient(circle, #34EB7B 3%, #33EB48 96%);

 

HEX #33EB48 sur HEX #34EB7B


Code CSS:

background-image: linear-gradient(135deg, #33EB48 14%, #34EB7B 94%);

 

HEX #33EB48 sur HEX #34EB7B


Code CSS:

background-image: radial-gradient(circle, #33EB48 12%, #34EB7B 99%);

 

HEX #34EB7B sur HEX #33EB79


Code CSS:

background-image: linear-gradient(135deg, #34EB7B 11%, #33EB79 99%);

 

HEX #34EB7B sur HEX #33EB79


Code CSS:

background-image: radial-gradient(circle, #34EB7B 12%, #33EB79 100%);

 

HEX #33EB79 sur HEX #34EB7B


Code CSS:

background-image: linear-gradient(135deg, #33EB79 10%, #34EB7B 90%);

 

HEX #33EB79 sur HEX #34EB7B


Code CSS:

background-image: radial-gradient(circle, #33EB79 5%, #34EB7B 98%);

 

HEX #34EB7B sur HEX #33EBAA


Code CSS:

background-image: linear-gradient(135deg, #34EB7B 5%, #33EBAA 94%);

 

HEX #34EB7B sur HEX #33EBAA


Code CSS:

background-image: radial-gradient(circle, #34EB7B 11%, #33EBAA 92%);

 

HEX #33EBAA sur HEX #34EB7B


Code CSS:

background-image: linear-gradient(135deg, #33EBAA 4%, #34EB7B 91%);

 

HEX #33EBAA sur HEX #34EB7B


Code CSS:

background-image: radial-gradient(circle, #33EBAA 9%, #34EB7B 86%);

 

HEX #34EB7B sur HEX #33EBDB


Code CSS:

background-image: linear-gradient(135deg, #34EB7B 12%, #33EBDB 99%);

 

HEX #34EB7B sur HEX #33EBDB


Code CSS:

background-image: radial-gradient(circle, #34EB7B 9%, #33EBDB 92%);

 

HEX #33EBDB sur HEX #34EB7B


Code CSS:

background-image: linear-gradient(135deg, #33EBDB 14%, #34EB7B 92%);

 

HEX #33EBDB sur HEX #34EB7B


Code CSS:

background-image: radial-gradient(circle, #33EBDB 11%, #34EB7B 91%);

Linéaire

HEX #34EB7B sur HEX #16DE64


Code CSS:

background-image: linear-gradient(135deg, #34EB7B 6%, #16DE64 88%);

Radial

HEX #34EB7B sur HEX #16DE64


Code CSS:

background-image: radial-gradient(circle, #34EB7B 13%, #16DE64 89%);

 

HEX #16DE64 sur HEX #34EB7B


Code CSS:

background-image: linear-gradient(135deg, #16DE64 5%, #34EB7B 90%);

 

HEX #16DE64 sur HEX #34EB7B


Code CSS:

background-image: radial-gradient(circle, #16DE64 7%, #34EB7B 92%);

 

HEX #34EB7B sur HEX #33EB7A


Code CSS:

background-image: linear-gradient(135deg, #34EB7B 8%, #33EB7A 90%);

 

HEX #34EB7B sur HEX #33EB7A


Code CSS:

background-image: radial-gradient(circle, #34EB7B 4%, #33EB7A 96%);

 

HEX #33EB7A sur HEX #34EB7B


Code CSS:

background-image: linear-gradient(135deg, #33EB7A 8%, #34EB7B 100%);

 

HEX #33EB7A sur HEX #34EB7B


Code CSS:

background-image: radial-gradient(circle, #33EB7A 10%, #34EB7B 100%);

 

HEX #34EB7B sur HEX #58EF93


Code CSS:

background-image: linear-gradient(135deg, #34EB7B 1%, #58EF93 98%);

 

HEX #34EB7B sur HEX #58EF93


Code CSS:

background-image: radial-gradient(circle, #34EB7B 0%, #58EF93 92%);

 

HEX #58EF93 sur HEX #34EB7B


Code CSS:

background-image: linear-gradient(135deg, #58EF93 6%, #34EB7B 90%);

 

HEX #58EF93 sur HEX #34EB7B


Code CSS:

background-image: radial-gradient(circle, #58EF93 0%, #34EB7B 94%);

 

HEX #34EB7B sur HEX #7EF2AB


Code CSS:

background-image: linear-gradient(135deg, #34EB7B 3%, #7EF2AB 92%);

 

HEX #34EB7B sur HEX #7EF2AB


Code CSS:

background-image: radial-gradient(circle, #34EB7B 6%, #7EF2AB 93%);

 

HEX #7EF2AB sur HEX #34EB7B


Code CSS:

background-image: linear-gradient(135deg, #7EF2AB 6%, #34EB7B 100%);

 

HEX #7EF2AB sur HEX #34EB7B


Code CSS:

background-image: radial-gradient(circle, #7EF2AB 1%, #34EB7B 98%);

Linéaire

HEX #34EB7B sur HEX #33EB48


Code CSS:

background-image: linear-gradient(135deg, #34EB7B 12%, #33EB48 93%);

Radial

HEX #34EB7B sur HEX #33EB48


Code CSS:

background-image: radial-gradient(circle, #34EB7B 7%, #33EB48 86%);

 

HEX #33EB48 sur HEX #34EB7B


Code CSS:

background-image: linear-gradient(135deg, #33EB48 5%, #34EB7B 95%);

 

HEX #33EB48 sur HEX #34EB7B


Code CSS:

background-image: radial-gradient(circle, #33EB48 11%, #34EB7B 98%);

 

HEX #34EB7B sur HEX #33EB79


Code CSS:

background-image: linear-gradient(135deg, #34EB7B 4%, #33EB79 98%);

 

HEX #34EB7B sur HEX #33EB79


Code CSS:

background-image: radial-gradient(circle, #34EB7B 11%, #33EB79 94%);

 

HEX #33EB79 sur HEX #34EB7B


Code CSS:

background-image: linear-gradient(135deg, #33EB79 13%, #34EB7B 98%);

 

HEX #33EB79 sur HEX #34EB7B


Code CSS:

background-image: radial-gradient(circle, #33EB79 7%, #34EB7B 96%);

 

HEX #34EB7B sur HEX #33EBAA


Code CSS:

background-image: linear-gradient(135deg, #34EB7B 4%, #33EBAA 100%);

 

HEX #34EB7B sur HEX #33EBAA


Code CSS:

background-image: radial-gradient(circle, #34EB7B 4%, #33EBAA 96%);

 

HEX #33EBAA sur HEX #34EB7B


Code CSS:

background-image: linear-gradient(135deg, #33EBAA 1%, #34EB7B 100%);

 

HEX #33EBAA sur HEX #34EB7B


Code CSS:

background-image: radial-gradient(circle, #33EBAA 11%, #34EB7B 90%);

 

HEX #34EB7B sur HEX #33EBDB


Code CSS:

background-image: linear-gradient(135deg, #34EB7B 4%, #33EBDB 98%);

 

HEX #34EB7B sur HEX #33EBDB


Code CSS:

background-image: radial-gradient(circle, #34EB7B 7%, #33EBDB 88%);

 

HEX #33EBDB sur HEX #34EB7B


Code CSS:

background-image: linear-gradient(135deg, #33EBDB 4%, #34EB7B 96%);

 

HEX #33EBDB sur HEX #34EB7B


Code CSS:

background-image: radial-gradient(circle, #33EBDB 5%, #34EB7B 90%);

Linéaire

HEX #34EB7B sur HEX #16DE64


Code CSS:

background-image: linear-gradient(135deg, #34EB7B 9%, #16DE64 95%);

Radial

HEX #34EB7B sur HEX #16DE64


Code CSS:

background-image: radial-gradient(circle, #34EB7B 14%, #16DE64 95%);

 

HEX #16DE64 sur HEX #34EB7B


Code CSS:

background-image: linear-gradient(135deg, #16DE64 2%, #34EB7B 88%);

 

HEX #16DE64 sur HEX #34EB7B


Code CSS:

background-image: radial-gradient(circle, #16DE64 4%, #34EB7B 100%);

 

HEX #34EB7B sur HEX #33EB7A


Code CSS:

background-image: linear-gradient(135deg, #34EB7B 14%, #33EB7A 99%);

 

HEX #34EB7B sur HEX #33EB7A


Code CSS:

background-image: radial-gradient(circle, #34EB7B 7%, #33EB7A 93%);

 

HEX #33EB7A sur HEX #34EB7B


Code CSS:

background-image: linear-gradient(135deg, #33EB7A 14%, #34EB7B 86%);

 

HEX #33EB7A sur HEX #34EB7B


Code CSS:

background-image: radial-gradient(circle, #33EB7A 11%, #34EB7B 93%);

 

HEX #34EB7B sur HEX #58EF93


Code CSS:

background-image: linear-gradient(135deg, #34EB7B 3%, #58EF93 90%);

 

HEX #34EB7B sur HEX #58EF93


Code CSS:

background-image: radial-gradient(circle, #34EB7B 9%, #58EF93 100%);

 

HEX #58EF93 sur HEX #34EB7B


Code CSS:

background-image: linear-gradient(135deg, #58EF93 0%, #34EB7B 94%);

 

HEX #58EF93 sur HEX #34EB7B


Code CSS:

background-image: radial-gradient(circle, #58EF93 14%, #34EB7B 97%);

 

HEX #34EB7B sur HEX #7EF2AB


Code CSS:

background-image: linear-gradient(135deg, #34EB7B 12%, #7EF2AB 98%);

 

HEX #34EB7B sur HEX #7EF2AB


Code CSS:

background-image: radial-gradient(circle, #34EB7B 7%, #7EF2AB 95%);

 

HEX #7EF2AB sur HEX #34EB7B


Code CSS:

background-image: linear-gradient(135deg, #7EF2AB 14%, #34EB7B 93%);

 

HEX #7EF2AB sur HEX #34EB7B


Code CSS:

background-image: radial-gradient(circle, #7EF2AB 1%, #34EB7B 93%);

Linéaire

HEX #34EB7B sur HEX #337FEB


Code CSS:

background-image: linear-gradient(135deg, #34EB7B 0%, #337FEB 100%);

Radial

HEX #34EB7B sur HEX #337FEB


Code CSS:

background-image: radial-gradient(circle, #34EB7B 6%, #337FEB 100%);

 

HEX #337FEB sur HEX #34EB7B


Code CSS:

background-image: linear-gradient(135deg, #337FEB 12%, #34EB7B 94%);

 

HEX #337FEB sur HEX #34EB7B


Code CSS:

background-image: radial-gradient(circle, #337FEB 6%, #34EB7B 88%);

 

HEX #34EB7B sur HEX #EB3336


Code CSS:

background-image: linear-gradient(135deg, #34EB7B 5%, #EB3336 94%);

 

HEX #34EB7B sur HEX #EB3336


Code CSS:

background-image: radial-gradient(circle, #34EB7B 1%, #EB3336 93%);

 

HEX #EB3336 sur HEX #34EB7B


Code CSS:

background-image: linear-gradient(135deg, #EB3336 6%, #34EB7B 90%);

 

HEX #EB3336 sur HEX #34EB7B


Code CSS:

background-image: radial-gradient(circle, #EB3336 4%, #34EB7B 100%);

Linéaire

HEX #34EB7B sur HEX #7933EB


Code CSS:

background-image: linear-gradient(135deg, #34EB7B 9%, #7933EB 90%);

Radial

HEX #34EB7B sur HEX #7933EB


Code CSS:

background-image: radial-gradient(circle, #34EB7B 10%, #7933EB 89%);

 

HEX #7933EB sur HEX #34EB7B


Code CSS:

background-image: linear-gradient(135deg, #7933EB 6%, #34EB7B 86%);

 

HEX #7933EB sur HEX #34EB7B


Code CSS:

background-image: radial-gradient(circle, #7933EB 12%, #34EB7B 98%);

 

HEX #34EB7B sur HEX #EB7933


Code CSS:

background-image: linear-gradient(135deg, #34EB7B 1%, #EB7933 97%);

 

HEX #34EB7B sur HEX #EB7933


Code CSS:

background-image: radial-gradient(circle, #34EB7B 13%, #EB7933 92%);

 

HEX #EB7933 sur HEX #34EB7B


Code CSS:

background-image: linear-gradient(135deg, #EB7933 12%, #34EB7B 93%);

 

HEX #EB7933 sur HEX #34EB7B


Code CSS:

background-image: radial-gradient(circle, #EB7933 14%, #34EB7B 87%);

Linéaire

HEX #34EB7B sur HEX #337FEB


Code CSS:

background-image: linear-gradient(135deg, #34EB7B 7%, #337FEB 99%);

Radial

HEX #34EB7B sur HEX #337FEB


Code CSS:

background-image: radial-gradient(circle, #34EB7B 0%, #337FEB 86%);

 

HEX #337FEB sur HEX #34EB7B


Code CSS:

background-image: linear-gradient(135deg, #337FEB 1%, #34EB7B 97%);

 

HEX #337FEB sur HEX #34EB7B


Code CSS:

background-image: radial-gradient(circle, #337FEB 7%, #34EB7B 89%);

 

HEX #34EB7B sur HEX #EB33A4


Code CSS:

background-image: linear-gradient(135deg, #34EB7B 13%, #EB33A4 86%);

 

HEX #34EB7B sur HEX #EB33A4


Code CSS:

background-image: radial-gradient(circle, #34EB7B 4%, #EB33A4 86%);

 

HEX #EB33A4 sur HEX #34EB7B


Code CSS:

background-image: linear-gradient(135deg, #EB33A4 12%, #34EB7B 100%);

 

HEX #EB33A4 sur HEX #34EB7B


Code CSS:

background-image: radial-gradient(circle, #EB33A4 2%, #34EB7B 94%);

 

HEX #34EB7B sur HEX #EB9E33


Code CSS:

background-image: linear-gradient(135deg, #34EB7B 4%, #EB9E33 91%);

 

HEX #34EB7B sur HEX #EB9E33


Code CSS:

background-image: radial-gradient(circle, #34EB7B 0%, #EB9E33 92%);

 

HEX #EB9E33 sur HEX #34EB7B


Code CSS:

background-image: linear-gradient(135deg, #EB9E33 3%, #34EB7B 89%);

 

HEX #EB9E33 sur HEX #34EB7B


Code CSS:

background-image: radial-gradient(circle, #EB9E33 0%, #34EB7B 87%);

Linéaire

HEX #34EB7B sur HEX #3348EB


Code CSS:

background-image: linear-gradient(135deg, #34EB7B 5%, #3348EB 88%);

Radial

HEX #34EB7B sur HEX #3348EB


Code CSS:

background-image: radial-gradient(circle, #34EB7B 4%, #3348EB 86%);

 

HEX #3348EB sur HEX #34EB7B


Code CSS:

background-image: linear-gradient(135deg, #3348EB 14%, #34EB7B 96%);

 

HEX #3348EB sur HEX #34EB7B


Code CSS:

background-image: radial-gradient(circle, #3348EB 12%, #34EB7B 100%);

 

HEX #34EB7B sur HEX #EB33A4


Code CSS:

background-image: linear-gradient(135deg, #34EB7B 8%, #EB33A4 99%);

 

HEX #34EB7B sur HEX #EB33A4


Code CSS:

background-image: radial-gradient(circle, #34EB7B 10%, #EB33A4 97%);

 

HEX #EB33A4 sur HEX #34EB7B


Code CSS:

background-image: linear-gradient(135deg, #EB33A4 2%, #34EB7B 96%);

 

HEX #EB33A4 sur HEX #34EB7B


Code CSS:

background-image: radial-gradient(circle, #EB33A4 12%, #34EB7B 92%);

 

HEX #34EB7B sur HEX #EBD533


Code CSS:

background-image: linear-gradient(135deg, #34EB7B 13%, #EBD533 88%);

 

HEX #34EB7B sur HEX #EBD533


Code CSS:

background-image: radial-gradient(circle, #34EB7B 8%, #EBD533 86%);

 

HEX #EBD533 sur HEX #34EB7B


Code CSS:

background-image: linear-gradient(135deg, #EBD533 8%, #34EB7B 99%);

 

HEX #EBD533 sur HEX #34EB7B


Code CSS:

background-image: radial-gradient(circle, #EBD533 9%, #34EB7B 91%);

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.