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

CSS Gradients:
#7BDDC9

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 123 Rouge, 221 Vert et 201 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.
123 221 201 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 44 cyan, pas de magenta, 9 jaune et 13 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.
44% 0% 9% 13% 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 #7BDDC9 sur HEX #842236


Code CSS:

background-image: linear-gradient(135deg, #7BDDC9 2%, #842236 95%);

Radial

HEX #7BDDC9 sur HEX #842236


Code CSS:

background-image: radial-gradient(circle, #7BDDC9 11%, #842236 89%);

 

HEX #842236 sur HEX #7BDDC9


Code CSS:

background-image: linear-gradient(135deg, #842236 14%, #7BDDC9 94%);

 

HEX #842236 sur HEX #7BDDC9


Code CSS:

background-image: radial-gradient(circle, #842236 3%, #7BDDC9 94%);

Linéaire

HEX #7BDDC9 sur HEX #79DCAD


Code CSS:

background-image: linear-gradient(135deg, #7BDDC9 11%, #79DCAD 100%);

Radial

HEX #7BDDC9 sur HEX #79DCAD


Code CSS:

background-image: radial-gradient(circle, #7BDDC9 13%, #79DCAD 100%);

 

HEX #79DCAD sur HEX #7BDDC9


Code CSS:

background-image: linear-gradient(135deg, #79DCAD 10%, #7BDDC9 100%);

 

HEX #79DCAD sur HEX #7BDDC9


Code CSS:

background-image: radial-gradient(circle, #79DCAD 9%, #7BDDC9 97%);

 

HEX #7BDDC9 sur HEX #79DCC7


Code CSS:

background-image: linear-gradient(135deg, #7BDDC9 6%, #79DCC7 86%);

 

HEX #7BDDC9 sur HEX #79DCC7


Code CSS:

background-image: radial-gradient(circle, #7BDDC9 14%, #79DCC7 87%);

 

HEX #79DCC7 sur HEX #7BDDC9


Code CSS:

background-image: linear-gradient(135deg, #79DCC7 6%, #7BDDC9 86%);

 

HEX #79DCC7 sur HEX #7BDDC9


Code CSS:

background-image: radial-gradient(circle, #79DCC7 4%, #7BDDC9 88%);

 

HEX #7BDDC9 sur HEX #79D8DC


Code CSS:

background-image: linear-gradient(135deg, #7BDDC9 3%, #79D8DC 86%);

 

HEX #7BDDC9 sur HEX #79D8DC


Code CSS:

background-image: radial-gradient(circle, #7BDDC9 11%, #79D8DC 94%);

 

HEX #79D8DC sur HEX #7BDDC9


Code CSS:

background-image: linear-gradient(135deg, #79D8DC 2%, #7BDDC9 100%);

 

HEX #79D8DC sur HEX #7BDDC9


Code CSS:

background-image: radial-gradient(circle, #79D8DC 2%, #7BDDC9 97%);

 

HEX #7BDDC9 sur HEX #79BDDC


Code CSS:

background-image: linear-gradient(135deg, #7BDDC9 8%, #79BDDC 96%);

 

HEX #7BDDC9 sur HEX #79BDDC


Code CSS:

background-image: radial-gradient(circle, #7BDDC9 13%, #79BDDC 97%);

 

HEX #79BDDC sur HEX #7BDDC9


Code CSS:

background-image: linear-gradient(135deg, #79BDDC 4%, #7BDDC9 90%);

 

HEX #79BDDC sur HEX #7BDDC9


Code CSS:

background-image: radial-gradient(circle, #79BDDC 14%, #7BDDC9 88%);

Linéaire

HEX #7BDDC9 sur HEX #58D4BB


Code CSS:

background-image: linear-gradient(135deg, #7BDDC9 9%, #58D4BB 90%);

Radial

HEX #7BDDC9 sur HEX #58D4BB


Code CSS:

background-image: radial-gradient(circle, #7BDDC9 5%, #58D4BB 95%);

 

HEX #58D4BB sur HEX #7BDDC9


Code CSS:

background-image: linear-gradient(135deg, #58D4BB 0%, #7BDDC9 98%);

 

HEX #58D4BB sur HEX #7BDDC9


Code CSS:

background-image: radial-gradient(circle, #58D4BB 6%, #7BDDC9 96%);

 

HEX #7BDDC9 sur HEX #79DCC8


Code CSS:

background-image: linear-gradient(135deg, #7BDDC9 10%, #79DCC8 93%);

 

HEX #7BDDC9 sur HEX #79DCC8


Code CSS:

background-image: radial-gradient(circle, #7BDDC9 6%, #79DCC8 97%);

 

HEX #79DCC8 sur HEX #7BDDC9


Code CSS:

background-image: linear-gradient(135deg, #79DCC8 10%, #7BDDC9 99%);

 

HEX #79DCC8 sur HEX #7BDDC9


Code CSS:

background-image: radial-gradient(circle, #79DCC8 7%, #7BDDC9 92%);

 

HEX #7BDDC9 sur HEX #9AE5D6


Code CSS:

background-image: linear-gradient(135deg, #7BDDC9 9%, #9AE5D6 90%);

 

HEX #7BDDC9 sur HEX #9AE5D6


Code CSS:

background-image: radial-gradient(circle, #7BDDC9 6%, #9AE5D6 100%);

 

HEX #9AE5D6 sur HEX #7BDDC9


Code CSS:

background-image: linear-gradient(135deg, #9AE5D6 13%, #7BDDC9 86%);

 

HEX #9AE5D6 sur HEX #7BDDC9


Code CSS:

background-image: radial-gradient(circle, #9AE5D6 13%, #7BDDC9 100%);

 

HEX #7BDDC9 sur HEX #BBEDE3


Code CSS:

background-image: linear-gradient(135deg, #7BDDC9 5%, #BBEDE3 87%);

 

HEX #7BDDC9 sur HEX #BBEDE3


Code CSS:

background-image: radial-gradient(circle, #7BDDC9 3%, #BBEDE3 100%);

 

HEX #BBEDE3 sur HEX #7BDDC9


Code CSS:

background-image: linear-gradient(135deg, #BBEDE3 8%, #7BDDC9 99%);

 

HEX #BBEDE3 sur HEX #7BDDC9


Code CSS:

background-image: radial-gradient(circle, #BBEDE3 7%, #7BDDC9 88%);

Linéaire

HEX #7BDDC9 sur HEX #79DCAD


Code CSS:

background-image: linear-gradient(135deg, #7BDDC9 8%, #79DCAD 86%);

Radial

HEX #7BDDC9 sur HEX #79DCAD


Code CSS:

background-image: radial-gradient(circle, #7BDDC9 11%, #79DCAD 91%);

 

HEX #79DCAD sur HEX #7BDDC9


Code CSS:

background-image: linear-gradient(135deg, #79DCAD 12%, #7BDDC9 97%);

 

HEX #79DCAD sur HEX #7BDDC9


Code CSS:

background-image: radial-gradient(circle, #79DCAD 8%, #7BDDC9 90%);

 

HEX #7BDDC9 sur HEX #79DCC7


Code CSS:

background-image: linear-gradient(135deg, #7BDDC9 11%, #79DCC7 97%);

 

HEX #7BDDC9 sur HEX #79DCC7


Code CSS:

background-image: radial-gradient(circle, #7BDDC9 12%, #79DCC7 91%);

 

HEX #79DCC7 sur HEX #7BDDC9


Code CSS:

background-image: linear-gradient(135deg, #79DCC7 0%, #7BDDC9 96%);

 

HEX #79DCC7 sur HEX #7BDDC9


Code CSS:

background-image: radial-gradient(circle, #79DCC7 5%, #7BDDC9 98%);

 

HEX #7BDDC9 sur HEX #79D8DC


Code CSS:

background-image: linear-gradient(135deg, #7BDDC9 3%, #79D8DC 88%);

 

HEX #7BDDC9 sur HEX #79D8DC


Code CSS:

background-image: radial-gradient(circle, #7BDDC9 9%, #79D8DC 91%);

 

HEX #79D8DC sur HEX #7BDDC9


Code CSS:

background-image: linear-gradient(135deg, #79D8DC 0%, #7BDDC9 90%);

 

HEX #79D8DC sur HEX #7BDDC9


Code CSS:

background-image: radial-gradient(circle, #79D8DC 11%, #7BDDC9 100%);

 

HEX #7BDDC9 sur HEX #79BDDC


Code CSS:

background-image: linear-gradient(135deg, #7BDDC9 12%, #79BDDC 99%);

 

HEX #7BDDC9 sur HEX #79BDDC


Code CSS:

background-image: radial-gradient(circle, #7BDDC9 11%, #79BDDC 99%);

 

HEX #79BDDC sur HEX #7BDDC9


Code CSS:

background-image: linear-gradient(135deg, #79BDDC 4%, #7BDDC9 94%);

 

HEX #79BDDC sur HEX #7BDDC9


Code CSS:

background-image: radial-gradient(circle, #79BDDC 0%, #7BDDC9 94%);

Linéaire

HEX #7BDDC9 sur HEX #58D4BB


Code CSS:

background-image: linear-gradient(135deg, #7BDDC9 12%, #58D4BB 95%);

Radial

HEX #7BDDC9 sur HEX #58D4BB


Code CSS:

background-image: radial-gradient(circle, #7BDDC9 7%, #58D4BB 86%);

 

HEX #58D4BB sur HEX #7BDDC9


Code CSS:

background-image: linear-gradient(135deg, #58D4BB 12%, #7BDDC9 90%);

 

HEX #58D4BB sur HEX #7BDDC9


Code CSS:

background-image: radial-gradient(circle, #58D4BB 3%, #7BDDC9 89%);

 

HEX #7BDDC9 sur HEX #79DCC8


Code CSS:

background-image: linear-gradient(135deg, #7BDDC9 4%, #79DCC8 99%);

 

HEX #7BDDC9 sur HEX #79DCC8


Code CSS:

background-image: radial-gradient(circle, #7BDDC9 11%, #79DCC8 93%);

 

HEX #79DCC8 sur HEX #7BDDC9


Code CSS:

background-image: linear-gradient(135deg, #79DCC8 7%, #7BDDC9 86%);

 

HEX #79DCC8 sur HEX #7BDDC9


Code CSS:

background-image: radial-gradient(circle, #79DCC8 13%, #7BDDC9 99%);

 

HEX #7BDDC9 sur HEX #9AE5D6


Code CSS:

background-image: linear-gradient(135deg, #7BDDC9 4%, #9AE5D6 98%);

 

HEX #7BDDC9 sur HEX #9AE5D6


Code CSS:

background-image: radial-gradient(circle, #7BDDC9 1%, #9AE5D6 92%);

 

HEX #9AE5D6 sur HEX #7BDDC9


Code CSS:

background-image: linear-gradient(135deg, #9AE5D6 5%, #7BDDC9 99%);

 

HEX #9AE5D6 sur HEX #7BDDC9


Code CSS:

background-image: radial-gradient(circle, #9AE5D6 12%, #7BDDC9 87%);

 

HEX #7BDDC9 sur HEX #BBEDE3


Code CSS:

background-image: linear-gradient(135deg, #7BDDC9 5%, #BBEDE3 94%);

 

HEX #7BDDC9 sur HEX #BBEDE3


Code CSS:

background-image: radial-gradient(circle, #7BDDC9 13%, #BBEDE3 99%);

 

HEX #BBEDE3 sur HEX #7BDDC9


Code CSS:

background-image: linear-gradient(135deg, #BBEDE3 0%, #7BDDC9 86%);

 

HEX #BBEDE3 sur HEX #7BDDC9


Code CSS:

background-image: radial-gradient(circle, #BBEDE3 4%, #7BDDC9 98%);

Linéaire

HEX #7BDDC9 sur HEX #797BDC


Code CSS:

background-image: linear-gradient(135deg, #7BDDC9 9%, #797BDC 92%);

Radial

HEX #7BDDC9 sur HEX #797BDC


Code CSS:

background-image: radial-gradient(circle, #7BDDC9 13%, #797BDC 99%);

 

HEX #797BDC sur HEX #7BDDC9


Code CSS:

background-image: linear-gradient(135deg, #797BDC 13%, #7BDDC9 86%);

 

HEX #797BDC sur HEX #7BDDC9


Code CSS:

background-image: radial-gradient(circle, #797BDC 9%, #7BDDC9 99%);

 

HEX #7BDDC9 sur HEX #DC9F79


Code CSS:

background-image: linear-gradient(135deg, #7BDDC9 14%, #DC9F79 87%);

 

HEX #7BDDC9 sur HEX #DC9F79


Code CSS:

background-image: radial-gradient(circle, #7BDDC9 4%, #DC9F79 87%);

 

HEX #DC9F79 sur HEX #7BDDC9


Code CSS:

background-image: linear-gradient(135deg, #DC9F79 5%, #7BDDC9 96%);

 

HEX #DC9F79 sur HEX #7BDDC9


Code CSS:

background-image: radial-gradient(circle, #DC9F79 13%, #7BDDC9 95%);

Linéaire

HEX #7BDDC9 sur HEX #C779DC


Code CSS:

background-image: linear-gradient(135deg, #7BDDC9 8%, #C779DC 93%);

Radial

HEX #7BDDC9 sur HEX #C779DC


Code CSS:

background-image: radial-gradient(circle, #7BDDC9 3%, #C779DC 94%);

 

HEX #C779DC sur HEX #7BDDC9


Code CSS:

background-image: linear-gradient(135deg, #C779DC 12%, #7BDDC9 93%);

 

HEX #C779DC sur HEX #7BDDC9


Code CSS:

background-image: radial-gradient(circle, #C779DC 14%, #7BDDC9 89%);

 

HEX #7BDDC9 sur HEX #DCC779


Code CSS:

background-image: linear-gradient(135deg, #7BDDC9 8%, #DCC779 86%);

 

HEX #7BDDC9 sur HEX #DCC779


Code CSS:

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

 

HEX #DCC779 sur HEX #7BDDC9


Code CSS:

background-image: linear-gradient(135deg, #DCC779 9%, #7BDDC9 99%);

 

HEX #DCC779 sur HEX #7BDDC9


Code CSS:

background-image: radial-gradient(circle, #DCC779 4%, #7BDDC9 88%);

Linéaire

HEX #7BDDC9 sur HEX #797BDC


Code CSS:

background-image: linear-gradient(135deg, #7BDDC9 2%, #797BDC 93%);

Radial

HEX #7BDDC9 sur HEX #797BDC


Code CSS:

background-image: radial-gradient(circle, #7BDDC9 6%, #797BDC 94%);

 

HEX #797BDC sur HEX #7BDDC9


Code CSS:

background-image: linear-gradient(135deg, #797BDC 11%, #7BDDC9 91%);

 

HEX #797BDC sur HEX #7BDDC9


Code CSS:

background-image: radial-gradient(circle, #797BDC 8%, #7BDDC9 92%);

 

HEX #7BDDC9 sur HEX #DC798F


Code CSS:

background-image: linear-gradient(135deg, #7BDDC9 6%, #DC798F 89%);

 

HEX #7BDDC9 sur HEX #DC798F


Code CSS:

background-image: radial-gradient(circle, #7BDDC9 3%, #DC798F 93%);

 

HEX #DC798F sur HEX #7BDDC9


Code CSS:

background-image: linear-gradient(135deg, #DC798F 14%, #7BDDC9 98%);

 

HEX #DC798F sur HEX #7BDDC9


Code CSS:

background-image: radial-gradient(circle, #DC798F 10%, #7BDDC9 87%);

 

HEX #7BDDC9 sur HEX #DCDB79


Code CSS:

background-image: linear-gradient(135deg, #7BDDC9 13%, #DCDB79 97%);

 

HEX #7BDDC9 sur HEX #DCDB79


Code CSS:

background-image: radial-gradient(circle, #7BDDC9 1%, #DCDB79 98%);

 

HEX #DCDB79 sur HEX #7BDDC9


Code CSS:

background-image: linear-gradient(135deg, #DCDB79 6%, #7BDDC9 86%);

 

HEX #DCDB79 sur HEX #7BDDC9


Code CSS:

background-image: radial-gradient(circle, #DCDB79 9%, #7BDDC9 94%);

Linéaire

HEX #7BDDC9 sur HEX #9579DC


Code CSS:

background-image: linear-gradient(135deg, #7BDDC9 12%, #9579DC 95%);

Radial

HEX #7BDDC9 sur HEX #9579DC


Code CSS:

background-image: radial-gradient(circle, #7BDDC9 11%, #9579DC 91%);

 

HEX #9579DC sur HEX #7BDDC9


Code CSS:

background-image: linear-gradient(135deg, #9579DC 1%, #7BDDC9 92%);

 

HEX #9579DC sur HEX #7BDDC9


Code CSS:

background-image: radial-gradient(circle, #9579DC 13%, #7BDDC9 86%);

 

HEX #7BDDC9 sur HEX #DC798F


Code CSS:

background-image: linear-gradient(135deg, #7BDDC9 7%, #DC798F 86%);

 

HEX #7BDDC9 sur HEX #DC798F


Code CSS:

background-image: radial-gradient(circle, #7BDDC9 8%, #DC798F 99%);

 

HEX #DC798F sur HEX #7BDDC9


Code CSS:

background-image: linear-gradient(135deg, #DC798F 2%, #7BDDC9 94%);

 

HEX #DC798F sur HEX #7BDDC9


Code CSS:

background-image: radial-gradient(circle, #DC798F 0%, #7BDDC9 98%);

 

HEX #7BDDC9 sur HEX #C0DC79


Code CSS:

background-image: linear-gradient(135deg, #7BDDC9 1%, #C0DC79 92%);

 

HEX #7BDDC9 sur HEX #C0DC79


Code CSS:

background-image: radial-gradient(circle, #7BDDC9 3%, #C0DC79 95%);

 

HEX #C0DC79 sur HEX #7BDDC9


Code CSS:

background-image: linear-gradient(135deg, #C0DC79 5%, #7BDDC9 88%);

 

HEX #C0DC79 sur HEX #7BDDC9


Code CSS:

background-image: radial-gradient(circle, #C0DC79 7%, #7BDDC9 100%);

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.