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

CSS Gradients:
#451FBA

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 foncée : les valeurs de couleur basses paraissent plus sombres.

La décomposition de la couleur dans le système de couleurs RGB : dans cette teinte, sur 255 parts de couleurs maximales, respectivement 69 Rouge, 31 Vert et 186 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.
69 31 186 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 63 cyan, 83 magenta, pas de jaune et 27 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.
63% 83% 0% 27% 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 #451FBA sur HEX #BAE045


Code CSS:

background-image: linear-gradient(135deg, #451FBA 0%, #BAE045 93%);

Radial

HEX #451FBA sur HEX #BAE045


Code CSS:

background-image: radial-gradient(circle, #451FBA 13%, #BAE045 100%);

 

HEX #BAE045 sur HEX #451FBA


Code CSS:

background-image: linear-gradient(135deg, #BAE045 8%, #451FBA 95%);

 

HEX #BAE045 sur HEX #451FBA


Code CSS:

background-image: radial-gradient(circle, #BAE045 2%, #451FBA 97%);

Linéaire

HEX #451FBA sur HEX #2025BC


Code CSS:

background-image: linear-gradient(135deg, #451FBA 13%, #2025BC 88%);

Radial

HEX #451FBA sur HEX #2025BC


Code CSS:

background-image: radial-gradient(circle, #451FBA 12%, #2025BC 100%);

 

HEX #2025BC sur HEX #451FBA


Code CSS:

background-image: linear-gradient(135deg, #2025BC 1%, #451FBA 95%);

 

HEX #2025BC sur HEX #451FBA


Code CSS:

background-image: radial-gradient(circle, #2025BC 2%, #451FBA 96%);

 

HEX #451FBA sur HEX #4420BC


Code CSS:

background-image: linear-gradient(135deg, #451FBA 3%, #4420BC 94%);

 

HEX #451FBA sur HEX #4420BC


Code CSS:

background-image: radial-gradient(circle, #451FBA 2%, #4420BC 87%);

 

HEX #4420BC sur HEX #451FBA


Code CSS:

background-image: linear-gradient(135deg, #4420BC 5%, #451FBA 86%);

 

HEX #4420BC sur HEX #451FBA


Code CSS:

background-image: radial-gradient(circle, #4420BC 2%, #451FBA 95%);

 

HEX #451FBA sur HEX #6E20BC


Code CSS:

background-image: linear-gradient(135deg, #451FBA 13%, #6E20BC 98%);

 

HEX #451FBA sur HEX #6E20BC


Code CSS:

background-image: radial-gradient(circle, #451FBA 3%, #6E20BC 95%);

 

HEX #6E20BC sur HEX #451FBA


Code CSS:

background-image: linear-gradient(135deg, #6E20BC 8%, #451FBA 89%);

 

HEX #6E20BC sur HEX #451FBA


Code CSS:

background-image: radial-gradient(circle, #6E20BC 5%, #451FBA 93%);

 

HEX #451FBA sur HEX #9720BC


Code CSS:

background-image: linear-gradient(135deg, #451FBA 5%, #9720BC 100%);

 

HEX #451FBA sur HEX #9720BC


Code CSS:

background-image: radial-gradient(circle, #451FBA 6%, #9720BC 95%);

 

HEX #9720BC sur HEX #451FBA


Code CSS:

background-image: linear-gradient(135deg, #9720BC 9%, #451FBA 97%);

 

HEX #9720BC sur HEX #451FBA


Code CSS:

background-image: radial-gradient(circle, #9720BC 6%, #451FBA 94%);

Linéaire

HEX #451FBA sur HEX #391A98


Code CSS:

background-image: linear-gradient(135deg, #451FBA 6%, #391A98 100%);

Radial

HEX #451FBA sur HEX #391A98


Code CSS:

background-image: radial-gradient(circle, #451FBA 2%, #391A98 96%);

 

HEX #391A98 sur HEX #451FBA


Code CSS:

background-image: linear-gradient(135deg, #391A98 3%, #451FBA 91%);

 

HEX #391A98 sur HEX #451FBA


Code CSS:

background-image: radial-gradient(circle, #391A98 12%, #451FBA 92%);

 

HEX #451FBA sur HEX #4620BC


Code CSS:

background-image: linear-gradient(135deg, #451FBA 10%, #4620BC 94%);

 

HEX #451FBA sur HEX #4620BC


Code CSS:

background-image: radial-gradient(circle, #451FBA 3%, #4620BC 93%);

 

HEX #4620BC sur HEX #451FBA


Code CSS:

background-image: linear-gradient(135deg, #4620BC 14%, #451FBA 100%);

 

HEX #4620BC sur HEX #451FBA


Code CSS:

background-image: radial-gradient(circle, #4620BC 3%, #451FBA 87%);

 

HEX #451FBA sur HEX #552ADB


Code CSS:

background-image: linear-gradient(135deg, #451FBA 10%, #552ADB 94%);

 

HEX #451FBA sur HEX #552ADB


Code CSS:

background-image: radial-gradient(circle, #451FBA 8%, #552ADB 86%);

 

HEX #552ADB sur HEX #451FBA


Code CSS:

background-image: linear-gradient(135deg, #552ADB 13%, #451FBA 89%);

 

HEX #552ADB sur HEX #451FBA


Code CSS:

background-image: radial-gradient(circle, #552ADB 9%, #451FBA 87%);

 

HEX #451FBA sur HEX #714DE1


Code CSS:

background-image: linear-gradient(135deg, #451FBA 2%, #714DE1 89%);

 

HEX #451FBA sur HEX #714DE1


Code CSS:

background-image: radial-gradient(circle, #451FBA 12%, #714DE1 92%);

 

HEX #714DE1 sur HEX #451FBA


Code CSS:

background-image: linear-gradient(135deg, #714DE1 13%, #451FBA 100%);

 

HEX #714DE1 sur HEX #451FBA


Code CSS:

background-image: radial-gradient(circle, #714DE1 1%, #451FBA 90%);

Linéaire

HEX #451FBA sur HEX #2025BC


Code CSS:

background-image: linear-gradient(135deg, #451FBA 6%, #2025BC 91%);

Radial

HEX #451FBA sur HEX #2025BC


Code CSS:

background-image: radial-gradient(circle, #451FBA 14%, #2025BC 89%);

 

HEX #2025BC sur HEX #451FBA


Code CSS:

background-image: linear-gradient(135deg, #2025BC 6%, #451FBA 88%);

 

HEX #2025BC sur HEX #451FBA


Code CSS:

background-image: radial-gradient(circle, #2025BC 9%, #451FBA 98%);

 

HEX #451FBA sur HEX #4420BC


Code CSS:

background-image: linear-gradient(135deg, #451FBA 4%, #4420BC 89%);

 

HEX #451FBA sur HEX #4420BC


Code CSS:

background-image: radial-gradient(circle, #451FBA 3%, #4420BC 100%);

 

HEX #4420BC sur HEX #451FBA


Code CSS:

background-image: linear-gradient(135deg, #4420BC 8%, #451FBA 95%);

 

HEX #4420BC sur HEX #451FBA


Code CSS:

background-image: radial-gradient(circle, #4420BC 2%, #451FBA 87%);

 

HEX #451FBA sur HEX #6E20BC


Code CSS:

background-image: linear-gradient(135deg, #451FBA 13%, #6E20BC 92%);

 

HEX #451FBA sur HEX #6E20BC


Code CSS:

background-image: radial-gradient(circle, #451FBA 3%, #6E20BC 87%);

 

HEX #6E20BC sur HEX #451FBA


Code CSS:

background-image: linear-gradient(135deg, #6E20BC 13%, #451FBA 96%);

 

HEX #6E20BC sur HEX #451FBA


Code CSS:

background-image: radial-gradient(circle, #6E20BC 8%, #451FBA 91%);

 

HEX #451FBA sur HEX #9720BC


Code CSS:

background-image: linear-gradient(135deg, #451FBA 3%, #9720BC 95%);

 

HEX #451FBA sur HEX #9720BC


Code CSS:

background-image: radial-gradient(circle, #451FBA 10%, #9720BC 96%);

 

HEX #9720BC sur HEX #451FBA


Code CSS:

background-image: linear-gradient(135deg, #9720BC 12%, #451FBA 96%);

 

HEX #9720BC sur HEX #451FBA


Code CSS:

background-image: radial-gradient(circle, #9720BC 13%, #451FBA 95%);

Linéaire

HEX #451FBA sur HEX #391A98


Code CSS:

background-image: linear-gradient(135deg, #451FBA 13%, #391A98 89%);

Radial

HEX #451FBA sur HEX #391A98


Code CSS:

background-image: radial-gradient(circle, #451FBA 9%, #391A98 88%);

 

HEX #391A98 sur HEX #451FBA


Code CSS:

background-image: linear-gradient(135deg, #391A98 13%, #451FBA 87%);

 

HEX #391A98 sur HEX #451FBA


Code CSS:

background-image: radial-gradient(circle, #391A98 11%, #451FBA 87%);

 

HEX #451FBA sur HEX #4620BC


Code CSS:

background-image: linear-gradient(135deg, #451FBA 11%, #4620BC 95%);

 

HEX #451FBA sur HEX #4620BC


Code CSS:

background-image: radial-gradient(circle, #451FBA 11%, #4620BC 93%);

 

HEX #4620BC sur HEX #451FBA


Code CSS:

background-image: linear-gradient(135deg, #4620BC 2%, #451FBA 87%);

 

HEX #4620BC sur HEX #451FBA


Code CSS:

background-image: radial-gradient(circle, #4620BC 7%, #451FBA 95%);

 

HEX #451FBA sur HEX #552ADB


Code CSS:

background-image: linear-gradient(135deg, #451FBA 0%, #552ADB 90%);

 

HEX #451FBA sur HEX #552ADB


Code CSS:

background-image: radial-gradient(circle, #451FBA 5%, #552ADB 90%);

 

HEX #552ADB sur HEX #451FBA


Code CSS:

background-image: linear-gradient(135deg, #552ADB 11%, #451FBA 92%);

 

HEX #552ADB sur HEX #451FBA


Code CSS:

background-image: radial-gradient(circle, #552ADB 12%, #451FBA 94%);

 

HEX #451FBA sur HEX #714DE1


Code CSS:

background-image: linear-gradient(135deg, #451FBA 9%, #714DE1 99%);

 

HEX #451FBA sur HEX #714DE1


Code CSS:

background-image: radial-gradient(circle, #451FBA 9%, #714DE1 90%);

 

HEX #714DE1 sur HEX #451FBA


Code CSS:

background-image: linear-gradient(135deg, #714DE1 0%, #451FBA 95%);

 

HEX #714DE1 sur HEX #451FBA


Code CSS:

background-image: radial-gradient(circle, #714DE1 14%, #451FBA 91%);

Linéaire

HEX #451FBA sur HEX #BC2078


Code CSS:

background-image: linear-gradient(135deg, #451FBA 5%, #BC2078 90%);

Radial

HEX #451FBA sur HEX #BC2078


Code CSS:

background-image: radial-gradient(circle, #451FBA 4%, #BC2078 95%);

 

HEX #BC2078 sur HEX #451FBA


Code CSS:

background-image: linear-gradient(135deg, #BC2078 10%, #451FBA 88%);

 

HEX #BC2078 sur HEX #451FBA


Code CSS:

background-image: radial-gradient(circle, #BC2078 10%, #451FBA 96%);

 

HEX #451FBA sur HEX #3ABC20


Code CSS:

background-image: linear-gradient(135deg, #451FBA 12%, #3ABC20 88%);

 

HEX #451FBA sur HEX #3ABC20


Code CSS:

background-image: radial-gradient(circle, #451FBA 4%, #3ABC20 86%);

 

HEX #3ABC20 sur HEX #451FBA


Code CSS:

background-image: linear-gradient(135deg, #3ABC20 12%, #451FBA 90%);

 

HEX #3ABC20 sur HEX #451FBA


Code CSS:

background-image: radial-gradient(circle, #3ABC20 14%, #451FBA 93%);

Linéaire

HEX #451FBA sur HEX #BC4420


Code CSS:

background-image: linear-gradient(135deg, #451FBA 0%, #BC4420 100%);

Radial

HEX #451FBA sur HEX #BC4420


Code CSS:

background-image: radial-gradient(circle, #451FBA 2%, #BC4420 87%);

 

HEX #BC4420 sur HEX #451FBA


Code CSS:

background-image: linear-gradient(135deg, #BC4420 5%, #451FBA 98%);

 

HEX #BC4420 sur HEX #451FBA


Code CSS:

background-image: radial-gradient(circle, #BC4420 4%, #451FBA 89%);

 

HEX #451FBA sur HEX #20BC44


Code CSS:

background-image: linear-gradient(135deg, #451FBA 0%, #20BC44 95%);

 

HEX #451FBA sur HEX #20BC44


Code CSS:

background-image: radial-gradient(circle, #451FBA 11%, #20BC44 95%);

 

HEX #20BC44 sur HEX #451FBA


Code CSS:

background-image: linear-gradient(135deg, #20BC44 13%, #451FBA 98%);

 

HEX #20BC44 sur HEX #451FBA


Code CSS:

background-image: radial-gradient(circle, #20BC44 13%, #451FBA 100%);

Linéaire

HEX #451FBA sur HEX #BC2078


Code CSS:

background-image: linear-gradient(135deg, #451FBA 2%, #BC2078 91%);

Radial

HEX #451FBA sur HEX #BC2078


Code CSS:

background-image: radial-gradient(circle, #451FBA 12%, #BC2078 99%);

 

HEX #BC2078 sur HEX #451FBA


Code CSS:

background-image: linear-gradient(135deg, #BC2078 2%, #451FBA 97%);

 

HEX #BC2078 sur HEX #451FBA


Code CSS:

background-image: radial-gradient(circle, #BC2078 0%, #451FBA 93%);

 

HEX #451FBA sur HEX #97BC20


Code CSS:

background-image: linear-gradient(135deg, #451FBA 1%, #97BC20 87%);

 

HEX #451FBA sur HEX #97BC20


Code CSS:

background-image: radial-gradient(circle, #451FBA 9%, #97BC20 93%);

 

HEX #97BC20 sur HEX #451FBA


Code CSS:

background-image: linear-gradient(135deg, #97BC20 11%, #451FBA 97%);

 

HEX #97BC20 sur HEX #451FBA


Code CSS:

background-image: radial-gradient(circle, #97BC20 8%, #451FBA 94%);

 

HEX #451FBA sur HEX #20BC63


Code CSS:

background-image: linear-gradient(135deg, #451FBA 0%, #20BC63 92%);

 

HEX #451FBA sur HEX #20BC63


Code CSS:

background-image: radial-gradient(circle, #451FBA 10%, #20BC63 97%);

 

HEX #20BC63 sur HEX #451FBA


Code CSS:

background-image: linear-gradient(135deg, #20BC63 12%, #451FBA 86%);

 

HEX #20BC63 sur HEX #451FBA


Code CSS:

background-image: radial-gradient(circle, #20BC63 5%, #451FBA 91%);

Linéaire

HEX #451FBA sur HEX #BC2049


Code CSS:

background-image: linear-gradient(135deg, #451FBA 7%, #BC2049 86%);

Radial

HEX #451FBA sur HEX #BC2049


Code CSS:

background-image: radial-gradient(circle, #451FBA 10%, #BC2049 94%);

 

HEX #BC2049 sur HEX #451FBA


Code CSS:

background-image: linear-gradient(135deg, #BC2049 8%, #451FBA 95%);

 

HEX #BC2049 sur HEX #451FBA


Code CSS:

background-image: radial-gradient(circle, #BC2049 7%, #451FBA 97%);

 

HEX #451FBA sur HEX #97BC20


Code CSS:

background-image: linear-gradient(135deg, #451FBA 0%, #97BC20 95%);

 

HEX #451FBA sur HEX #97BC20


Code CSS:

background-image: radial-gradient(circle, #451FBA 5%, #97BC20 87%);

 

HEX #97BC20 sur HEX #451FBA


Code CSS:

background-image: linear-gradient(135deg, #97BC20 8%, #451FBA 96%);

 

HEX #97BC20 sur HEX #451FBA


Code CSS:

background-image: radial-gradient(circle, #97BC20 6%, #451FBA 88%);

 

HEX #451FBA sur HEX #20BC92


Code CSS:

background-image: linear-gradient(135deg, #451FBA 13%, #20BC92 99%);

 

HEX #451FBA sur HEX #20BC92


Code CSS:

background-image: radial-gradient(circle, #451FBA 5%, #20BC92 86%);

 

HEX #20BC92 sur HEX #451FBA


Code CSS:

background-image: linear-gradient(135deg, #20BC92 2%, #451FBA 90%);

 

HEX #20BC92 sur HEX #451FBA


Code CSS:

background-image: radial-gradient(circle, #20BC92 12%, #451FBA 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.