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

CSS Gradients:
#648FBD

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 100 Rouge, 143 Vert et 189 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.
100 143 189 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 47 cyan, 24 magenta, pas de jaune et 26 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.
47% 24% 0% 26% 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 #648FBD sur HEX #9B7042


Code CSS:

background-image: linear-gradient(135deg, #648FBD 1%, #9B7042 96%);

Radial

HEX #648FBD sur HEX #9B7042


Code CSS:

background-image: radial-gradient(circle, #648FBD 12%, #9B7042 97%);

 

HEX #9B7042 sur HEX #648FBD


Code CSS:

background-image: linear-gradient(135deg, #9B7042 11%, #648FBD 97%);

 

HEX #9B7042 sur HEX #648FBD


Code CSS:

background-image: radial-gradient(circle, #9B7042 14%, #648FBD 95%);

Linéaire

HEX #648FBD sur HEX #65A7BD


Code CSS:

background-image: linear-gradient(135deg, #648FBD 3%, #65A7BD 99%);

Radial

HEX #648FBD sur HEX #65A7BD


Code CSS:

background-image: radial-gradient(circle, #648FBD 14%, #65A7BD 86%);

 

HEX #65A7BD sur HEX #648FBD


Code CSS:

background-image: linear-gradient(135deg, #65A7BD 14%, #648FBD 93%);

 

HEX #65A7BD sur HEX #648FBD


Code CSS:

background-image: radial-gradient(circle, #65A7BD 2%, #648FBD 100%);

 

HEX #648FBD sur HEX #6590BD


Code CSS:

background-image: linear-gradient(135deg, #648FBD 1%, #6590BD 89%);

 

HEX #648FBD sur HEX #6590BD


Code CSS:

background-image: radial-gradient(circle, #648FBD 0%, #6590BD 89%);

 

HEX #6590BD sur HEX #648FBD


Code CSS:

background-image: linear-gradient(135deg, #6590BD 14%, #648FBD 97%);

 

HEX #6590BD sur HEX #648FBD


Code CSS:

background-image: radial-gradient(circle, #6590BD 12%, #648FBD 90%);

 

HEX #648FBD sur HEX #6578BD


Code CSS:

background-image: linear-gradient(135deg, #648FBD 13%, #6578BD 95%);

 

HEX #648FBD sur HEX #6578BD


Code CSS:

background-image: radial-gradient(circle, #648FBD 4%, #6578BD 88%);

 

HEX #6578BD sur HEX #648FBD


Code CSS:

background-image: linear-gradient(135deg, #6578BD 8%, #648FBD 98%);

 

HEX #6578BD sur HEX #648FBD


Code CSS:

background-image: radial-gradient(circle, #6578BD 3%, #648FBD 92%);

 

HEX #648FBD sur HEX #6A65BD


Code CSS:

background-image: linear-gradient(135deg, #648FBD 11%, #6A65BD 86%);

 

HEX #648FBD sur HEX #6A65BD


Code CSS:

background-image: radial-gradient(circle, #648FBD 4%, #6A65BD 91%);

 

HEX #6A65BD sur HEX #648FBD


Code CSS:

background-image: linear-gradient(135deg, #6A65BD 12%, #648FBD 99%);

 

HEX #6A65BD sur HEX #648FBD


Code CSS:

background-image: radial-gradient(circle, #6A65BD 0%, #648FBD 98%);

Linéaire

HEX #648FBD sur HEX #4B7BAF


Code CSS:

background-image: linear-gradient(135deg, #648FBD 12%, #4B7BAF 98%);

Radial

HEX #648FBD sur HEX #4B7BAF


Code CSS:

background-image: radial-gradient(circle, #648FBD 6%, #4B7BAF 90%);

 

HEX #4B7BAF sur HEX #648FBD


Code CSS:

background-image: linear-gradient(135deg, #4B7BAF 2%, #648FBD 100%);

 

HEX #4B7BAF sur HEX #648FBD


Code CSS:

background-image: radial-gradient(circle, #4B7BAF 7%, #648FBD 96%);

 

HEX #648FBD sur HEX #6590BD


Code CSS:

background-image: linear-gradient(135deg, #648FBD 11%, #6590BD 88%);

 

HEX #648FBD sur HEX #6590BD


Code CSS:

background-image: radial-gradient(circle, #648FBD 7%, #6590BD 89%);

 

HEX #6590BD sur HEX #648FBD


Code CSS:

background-image: linear-gradient(135deg, #6590BD 3%, #648FBD 88%);

 

HEX #6590BD sur HEX #648FBD


Code CSS:

background-image: radial-gradient(circle, #6590BD 4%, #648FBD 92%);

 

HEX #648FBD sur HEX #82A5CA


Code CSS:

background-image: linear-gradient(135deg, #648FBD 9%, #82A5CA 90%);

 

HEX #648FBD sur HEX #82A5CA


Code CSS:

background-image: radial-gradient(circle, #648FBD 11%, #82A5CA 99%);

 

HEX #82A5CA sur HEX #648FBD


Code CSS:

background-image: linear-gradient(135deg, #82A5CA 8%, #648FBD 98%);

 

HEX #82A5CA sur HEX #648FBD


Code CSS:

background-image: radial-gradient(circle, #82A5CA 13%, #648FBD 89%);

 

HEX #648FBD sur HEX #9FBAD6


Code CSS:

background-image: linear-gradient(135deg, #648FBD 1%, #9FBAD6 91%);

 

HEX #648FBD sur HEX #9FBAD6


Code CSS:

background-image: radial-gradient(circle, #648FBD 9%, #9FBAD6 91%);

 

HEX #9FBAD6 sur HEX #648FBD


Code CSS:

background-image: linear-gradient(135deg, #9FBAD6 9%, #648FBD 100%);

 

HEX #9FBAD6 sur HEX #648FBD


Code CSS:

background-image: radial-gradient(circle, #9FBAD6 10%, #648FBD 98%);

Linéaire

HEX #648FBD sur HEX #65A7BD


Code CSS:

background-image: linear-gradient(135deg, #648FBD 6%, #65A7BD 88%);

Radial

HEX #648FBD sur HEX #65A7BD


Code CSS:

background-image: radial-gradient(circle, #648FBD 13%, #65A7BD 97%);

 

HEX #65A7BD sur HEX #648FBD


Code CSS:

background-image: linear-gradient(135deg, #65A7BD 4%, #648FBD 87%);

 

HEX #65A7BD sur HEX #648FBD


Code CSS:

background-image: radial-gradient(circle, #65A7BD 11%, #648FBD 93%);

 

HEX #648FBD sur HEX #6590BD


Code CSS:

background-image: linear-gradient(135deg, #648FBD 5%, #6590BD 97%);

 

HEX #648FBD sur HEX #6590BD


Code CSS:

background-image: radial-gradient(circle, #648FBD 3%, #6590BD 100%);

 

HEX #6590BD sur HEX #648FBD


Code CSS:

background-image: linear-gradient(135deg, #6590BD 9%, #648FBD 99%);

 

HEX #6590BD sur HEX #648FBD


Code CSS:

background-image: radial-gradient(circle, #6590BD 11%, #648FBD 97%);

 

HEX #648FBD sur HEX #6578BD


Code CSS:

background-image: linear-gradient(135deg, #648FBD 6%, #6578BD 88%);

 

HEX #648FBD sur HEX #6578BD


Code CSS:

background-image: radial-gradient(circle, #648FBD 10%, #6578BD 97%);

 

HEX #6578BD sur HEX #648FBD


Code CSS:

background-image: linear-gradient(135deg, #6578BD 12%, #648FBD 86%);

 

HEX #6578BD sur HEX #648FBD


Code CSS:

background-image: radial-gradient(circle, #6578BD 8%, #648FBD 96%);

 

HEX #648FBD sur HEX #6A65BD


Code CSS:

background-image: linear-gradient(135deg, #648FBD 6%, #6A65BD 90%);

 

HEX #648FBD sur HEX #6A65BD


Code CSS:

background-image: radial-gradient(circle, #648FBD 0%, #6A65BD 96%);

 

HEX #6A65BD sur HEX #648FBD


Code CSS:

background-image: linear-gradient(135deg, #6A65BD 5%, #648FBD 88%);

 

HEX #6A65BD sur HEX #648FBD


Code CSS:

background-image: radial-gradient(circle, #6A65BD 10%, #648FBD 98%);

Linéaire

HEX #648FBD sur HEX #4B7BAF


Code CSS:

background-image: linear-gradient(135deg, #648FBD 11%, #4B7BAF 88%);

Radial

HEX #648FBD sur HEX #4B7BAF


Code CSS:

background-image: radial-gradient(circle, #648FBD 1%, #4B7BAF 99%);

 

HEX #4B7BAF sur HEX #648FBD


Code CSS:

background-image: linear-gradient(135deg, #4B7BAF 7%, #648FBD 87%);

 

HEX #4B7BAF sur HEX #648FBD


Code CSS:

background-image: radial-gradient(circle, #4B7BAF 0%, #648FBD 93%);

 

HEX #648FBD sur HEX #6590BD


Code CSS:

background-image: linear-gradient(135deg, #648FBD 11%, #6590BD 100%);

 

HEX #648FBD sur HEX #6590BD


Code CSS:

background-image: radial-gradient(circle, #648FBD 2%, #6590BD 99%);

 

HEX #6590BD sur HEX #648FBD


Code CSS:

background-image: linear-gradient(135deg, #6590BD 0%, #648FBD 89%);

 

HEX #6590BD sur HEX #648FBD


Code CSS:

background-image: radial-gradient(circle, #6590BD 9%, #648FBD 90%);

 

HEX #648FBD sur HEX #82A5CA


Code CSS:

background-image: linear-gradient(135deg, #648FBD 8%, #82A5CA 93%);

 

HEX #648FBD sur HEX #82A5CA


Code CSS:

background-image: radial-gradient(circle, #648FBD 12%, #82A5CA 96%);

 

HEX #82A5CA sur HEX #648FBD


Code CSS:

background-image: linear-gradient(135deg, #82A5CA 9%, #648FBD 97%);

 

HEX #82A5CA sur HEX #648FBD


Code CSS:

background-image: radial-gradient(circle, #82A5CA 4%, #648FBD 86%);

 

HEX #648FBD sur HEX #9FBAD6


Code CSS:

background-image: linear-gradient(135deg, #648FBD 2%, #9FBAD6 89%);

 

HEX #648FBD sur HEX #9FBAD6


Code CSS:

background-image: radial-gradient(circle, #648FBD 0%, #9FBAD6 91%);

 

HEX #9FBAD6 sur HEX #648FBD


Code CSS:

background-image: linear-gradient(135deg, #9FBAD6 12%, #648FBD 96%);

 

HEX #9FBAD6 sur HEX #648FBD


Code CSS:

background-image: radial-gradient(circle, #9FBAD6 8%, #648FBD 99%);

Linéaire

HEX #648FBD sur HEX #A465BD


Code CSS:

background-image: linear-gradient(135deg, #648FBD 11%, #A465BD 93%);

Radial

HEX #648FBD sur HEX #A465BD


Code CSS:

background-image: radial-gradient(circle, #648FBD 10%, #A465BD 94%);

 

HEX #A465BD sur HEX #648FBD


Code CSS:

background-image: linear-gradient(135deg, #A465BD 13%, #648FBD 93%);

 

HEX #A465BD sur HEX #648FBD


Code CSS:

background-image: radial-gradient(circle, #A465BD 10%, #648FBD 93%);

 

HEX #648FBD sur HEX #B3BD65


Code CSS:

background-image: linear-gradient(135deg, #648FBD 8%, #B3BD65 89%);

 

HEX #648FBD sur HEX #B3BD65


Code CSS:

background-image: radial-gradient(circle, #648FBD 12%, #B3BD65 86%);

 

HEX #B3BD65 sur HEX #648FBD


Code CSS:

background-image: linear-gradient(135deg, #B3BD65 5%, #648FBD 95%);

 

HEX #B3BD65 sur HEX #648FBD


Code CSS:

background-image: radial-gradient(circle, #B3BD65 0%, #648FBD 100%);

Linéaire

HEX #648FBD sur HEX #BD6590


Code CSS:

background-image: linear-gradient(135deg, #648FBD 3%, #BD6590 91%);

Radial

HEX #648FBD sur HEX #BD6590


Code CSS:

background-image: radial-gradient(circle, #648FBD 1%, #BD6590 90%);

 

HEX #BD6590 sur HEX #648FBD


Code CSS:

background-image: linear-gradient(135deg, #BD6590 11%, #648FBD 89%);

 

HEX #BD6590 sur HEX #648FBD


Code CSS:

background-image: radial-gradient(circle, #BD6590 13%, #648FBD 87%);

 

HEX #648FBD sur HEX #90BD65


Code CSS:

background-image: linear-gradient(135deg, #648FBD 14%, #90BD65 88%);

 

HEX #648FBD sur HEX #90BD65


Code CSS:

background-image: radial-gradient(circle, #648FBD 5%, #90BD65 90%);

 

HEX #90BD65 sur HEX #648FBD


Code CSS:

background-image: linear-gradient(135deg, #90BD65 5%, #648FBD 89%);

 

HEX #90BD65 sur HEX #648FBD


Code CSS:

background-image: radial-gradient(circle, #90BD65 2%, #648FBD 92%);

Linéaire

HEX #648FBD sur HEX #A465BD


Code CSS:

background-image: linear-gradient(135deg, #648FBD 13%, #A465BD 98%);

Radial

HEX #648FBD sur HEX #A465BD


Code CSS:

background-image: radial-gradient(circle, #648FBD 11%, #A465BD 87%);

 

HEX #A465BD sur HEX #648FBD


Code CSS:

background-image: linear-gradient(135deg, #A465BD 14%, #648FBD 86%);

 

HEX #A465BD sur HEX #648FBD


Code CSS:

background-image: radial-gradient(circle, #A465BD 13%, #648FBD 100%);

 

HEX #648FBD sur HEX #BD9365


Code CSS:

background-image: linear-gradient(135deg, #648FBD 5%, #BD9365 99%);

 

HEX #648FBD sur HEX #BD9365


Code CSS:

background-image: radial-gradient(circle, #648FBD 8%, #BD9365 87%);

 

HEX #BD9365 sur HEX #648FBD


Code CSS:

background-image: linear-gradient(135deg, #BD9365 1%, #648FBD 92%);

 

HEX #BD9365 sur HEX #648FBD


Code CSS:

background-image: radial-gradient(circle, #BD9365 9%, #648FBD 88%);

 

HEX #648FBD sur HEX #7EBD65


Code CSS:

background-image: linear-gradient(135deg, #648FBD 14%, #7EBD65 89%);

 

HEX #648FBD sur HEX #7EBD65


Code CSS:

background-image: radial-gradient(circle, #648FBD 1%, #7EBD65 95%);

 

HEX #7EBD65 sur HEX #648FBD


Code CSS:

background-image: linear-gradient(135deg, #7EBD65 1%, #648FBD 86%);

 

HEX #7EBD65 sur HEX #648FBD


Code CSS:

background-image: radial-gradient(circle, #7EBD65 13%, #648FBD 88%);

Linéaire

HEX #648FBD sur HEX #BD65BC


Code CSS:

background-image: linear-gradient(135deg, #648FBD 9%, #BD65BC 91%);

Radial

HEX #648FBD sur HEX #BD65BC


Code CSS:

background-image: radial-gradient(circle, #648FBD 1%, #BD65BC 93%);

 

HEX #BD65BC sur HEX #648FBD


Code CSS:

background-image: linear-gradient(135deg, #BD65BC 9%, #648FBD 99%);

 

HEX #BD65BC sur HEX #648FBD


Code CSS:

background-image: radial-gradient(circle, #BD65BC 2%, #648FBD 88%);

 

HEX #648FBD sur HEX #BD9365


Code CSS:

background-image: linear-gradient(135deg, #648FBD 3%, #BD9365 93%);

 

HEX #648FBD sur HEX #BD9365


Code CSS:

background-image: radial-gradient(circle, #648FBD 3%, #BD9365 88%);

 

HEX #BD9365 sur HEX #648FBD


Code CSS:

background-image: linear-gradient(135deg, #BD9365 11%, #648FBD 98%);

 

HEX #BD9365 sur HEX #648FBD


Code CSS:

background-image: radial-gradient(circle, #BD9365 6%, #648FBD 96%);

 

HEX #648FBD sur HEX #65BD67


Code CSS:

background-image: linear-gradient(135deg, #648FBD 2%, #65BD67 97%);

 

HEX #648FBD sur HEX #65BD67


Code CSS:

background-image: radial-gradient(circle, #648FBD 6%, #65BD67 88%);

 

HEX #65BD67 sur HEX #648FBD


Code CSS:

background-image: linear-gradient(135deg, #65BD67 14%, #648FBD 86%);

 

HEX #65BD67 sur HEX #648FBD


Code CSS:

background-image: radial-gradient(circle, #65BD67 10%, #648FBD 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)

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.