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

CSS Gradients:
#502FDD

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 domine nettement : la valeur bleue surpasse les autres. 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 80 Rouge, 47 Vert et 221 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.
80 47 221 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 64 cyan, 79 magenta, pas de 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.
64% 79% 0% 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 #502FDD sur HEX #AFD022


Code CSS:

background-image: linear-gradient(135deg, #502FDD 12%, #AFD022 87%);

Radial

HEX #502FDD sur HEX #AFD022


Code CSS:

background-image: radial-gradient(circle, #502FDD 4%, #AFD022 99%);

 

HEX #AFD022 sur HEX #502FDD


Code CSS:

background-image: linear-gradient(135deg, #AFD022 14%, #502FDD 100%);

 

HEX #AFD022 sur HEX #502FDD


Code CSS:

background-image: radial-gradient(circle, #AFD022 6%, #502FDD 86%);

Linéaire

HEX #502FDD sur HEX #313FDD


Code CSS:

background-image: linear-gradient(135deg, #502FDD 11%, #313FDD 90%);

Radial

HEX #502FDD sur HEX #313FDD


Code CSS:

background-image: radial-gradient(circle, #502FDD 5%, #313FDD 98%);

 

HEX #313FDD sur HEX #502FDD


Code CSS:

background-image: linear-gradient(135deg, #313FDD 2%, #502FDD 92%);

 

HEX #313FDD sur HEX #502FDD


Code CSS:

background-image: radial-gradient(circle, #313FDD 0%, #502FDD 99%);

 

HEX #502FDD sur HEX #5031DD


Code CSS:

background-image: linear-gradient(135deg, #502FDD 10%, #5031DD 86%);

 

HEX #502FDD sur HEX #5031DD


Code CSS:

background-image: radial-gradient(circle, #502FDD 14%, #5031DD 89%);

 

HEX #5031DD sur HEX #502FDD


Code CSS:

background-image: linear-gradient(135deg, #5031DD 0%, #502FDD 98%);

 

HEX #5031DD sur HEX #502FDD


Code CSS:

background-image: radial-gradient(circle, #5031DD 11%, #502FDD 90%);

 

HEX #502FDD sur HEX #7F31DD


Code CSS:

background-image: linear-gradient(135deg, #502FDD 12%, #7F31DD 89%);

 

HEX #502FDD sur HEX #7F31DD


Code CSS:

background-image: radial-gradient(circle, #502FDD 7%, #7F31DD 94%);

 

HEX #7F31DD sur HEX #502FDD


Code CSS:

background-image: linear-gradient(135deg, #7F31DD 14%, #502FDD 100%);

 

HEX #7F31DD sur HEX #502FDD


Code CSS:

background-image: radial-gradient(circle, #7F31DD 11%, #502FDD 89%);

 

HEX #502FDD sur HEX #AD31DD


Code CSS:

background-image: linear-gradient(135deg, #502FDD 0%, #AD31DD 91%);

 

HEX #502FDD sur HEX #AD31DD


Code CSS:

background-image: radial-gradient(circle, #502FDD 3%, #AD31DD 92%);

 

HEX #AD31DD sur HEX #502FDD


Code CSS:

background-image: linear-gradient(135deg, #AD31DD 0%, #502FDD 86%);

 

HEX #AD31DD sur HEX #502FDD


Code CSS:

background-image: radial-gradient(circle, #AD31DD 4%, #502FDD 97%);

Linéaire

HEX #502FDD sur HEX #3F20C5


Code CSS:

background-image: linear-gradient(135deg, #502FDD 2%, #3F20C5 90%);

Radial

HEX #502FDD sur HEX #3F20C5


Code CSS:

background-image: radial-gradient(circle, #502FDD 2%, #3F20C5 94%);

 

HEX #3F20C5 sur HEX #502FDD


Code CSS:

background-image: linear-gradient(135deg, #3F20C5 11%, #502FDD 87%);

 

HEX #3F20C5 sur HEX #502FDD


Code CSS:

background-image: radial-gradient(circle, #3F20C5 4%, #502FDD 96%);

 

HEX #502FDD sur HEX #5231DD


Code CSS:

background-image: linear-gradient(135deg, #502FDD 3%, #5231DD 91%);

 

HEX #502FDD sur HEX #5231DD


Code CSS:

background-image: radial-gradient(circle, #502FDD 5%, #5231DD 93%);

 

HEX #5231DD sur HEX #502FDD


Code CSS:

background-image: linear-gradient(135deg, #5231DD 14%, #502FDD 94%);

 

HEX #5231DD sur HEX #502FDD


Code CSS:

background-image: radial-gradient(circle, #5231DD 5%, #502FDD 86%);

 

HEX #502FDD sur HEX #6F54E3


Code CSS:

background-image: linear-gradient(135deg, #502FDD 12%, #6F54E3 90%);

 

HEX #502FDD sur HEX #6F54E3


Code CSS:

background-image: radial-gradient(circle, #502FDD 7%, #6F54E3 100%);

 

HEX #6F54E3 sur HEX #502FDD


Code CSS:

background-image: linear-gradient(135deg, #6F54E3 2%, #502FDD 94%);

 

HEX #6F54E3 sur HEX #502FDD


Code CSS:

background-image: radial-gradient(circle, #6F54E3 0%, #502FDD 91%);

 

HEX #502FDD sur HEX #8D78E9


Code CSS:

background-image: linear-gradient(135deg, #502FDD 12%, #8D78E9 86%);

 

HEX #502FDD sur HEX #8D78E9


Code CSS:

background-image: radial-gradient(circle, #502FDD 11%, #8D78E9 91%);

 

HEX #8D78E9 sur HEX #502FDD


Code CSS:

background-image: linear-gradient(135deg, #8D78E9 10%, #502FDD 95%);

 

HEX #8D78E9 sur HEX #502FDD


Code CSS:

background-image: radial-gradient(circle, #8D78E9 14%, #502FDD 97%);

Linéaire

HEX #502FDD sur HEX #313FDD


Code CSS:

background-image: linear-gradient(135deg, #502FDD 5%, #313FDD 95%);

Radial

HEX #502FDD sur HEX #313FDD


Code CSS:

background-image: radial-gradient(circle, #502FDD 4%, #313FDD 90%);

 

HEX #313FDD sur HEX #502FDD


Code CSS:

background-image: linear-gradient(135deg, #313FDD 12%, #502FDD 100%);

 

HEX #313FDD sur HEX #502FDD


Code CSS:

background-image: radial-gradient(circle, #313FDD 9%, #502FDD 97%);

 

HEX #502FDD sur HEX #5031DD


Code CSS:

background-image: linear-gradient(135deg, #502FDD 0%, #5031DD 90%);

 

HEX #502FDD sur HEX #5031DD


Code CSS:

background-image: radial-gradient(circle, #502FDD 0%, #5031DD 86%);

 

HEX #5031DD sur HEX #502FDD


Code CSS:

background-image: linear-gradient(135deg, #5031DD 1%, #502FDD 89%);

 

HEX #5031DD sur HEX #502FDD


Code CSS:

background-image: radial-gradient(circle, #5031DD 2%, #502FDD 94%);

 

HEX #502FDD sur HEX #7F31DD


Code CSS:

background-image: linear-gradient(135deg, #502FDD 1%, #7F31DD 90%);

 

HEX #502FDD sur HEX #7F31DD


Code CSS:

background-image: radial-gradient(circle, #502FDD 11%, #7F31DD 100%);

 

HEX #7F31DD sur HEX #502FDD


Code CSS:

background-image: linear-gradient(135deg, #7F31DD 9%, #502FDD 93%);

 

HEX #7F31DD sur HEX #502FDD


Code CSS:

background-image: radial-gradient(circle, #7F31DD 13%, #502FDD 92%);

 

HEX #502FDD sur HEX #AD31DD


Code CSS:

background-image: linear-gradient(135deg, #502FDD 2%, #AD31DD 90%);

 

HEX #502FDD sur HEX #AD31DD


Code CSS:

background-image: radial-gradient(circle, #502FDD 4%, #AD31DD 100%);

 

HEX #AD31DD sur HEX #502FDD


Code CSS:

background-image: linear-gradient(135deg, #AD31DD 3%, #502FDD 90%);

 

HEX #AD31DD sur HEX #502FDD


Code CSS:

background-image: radial-gradient(circle, #AD31DD 12%, #502FDD 94%);

Linéaire

HEX #502FDD sur HEX #3F20C5


Code CSS:

background-image: linear-gradient(135deg, #502FDD 12%, #3F20C5 88%);

Radial

HEX #502FDD sur HEX #3F20C5


Code CSS:

background-image: radial-gradient(circle, #502FDD 9%, #3F20C5 94%);

 

HEX #3F20C5 sur HEX #502FDD


Code CSS:

background-image: linear-gradient(135deg, #3F20C5 8%, #502FDD 100%);

 

HEX #3F20C5 sur HEX #502FDD


Code CSS:

background-image: radial-gradient(circle, #3F20C5 2%, #502FDD 98%);

 

HEX #502FDD sur HEX #5231DD


Code CSS:

background-image: linear-gradient(135deg, #502FDD 14%, #5231DD 98%);

 

HEX #502FDD sur HEX #5231DD


Code CSS:

background-image: radial-gradient(circle, #502FDD 13%, #5231DD 86%);

 

HEX #5231DD sur HEX #502FDD


Code CSS:

background-image: linear-gradient(135deg, #5231DD 0%, #502FDD 99%);

 

HEX #5231DD sur HEX #502FDD


Code CSS:

background-image: radial-gradient(circle, #5231DD 14%, #502FDD 99%);

 

HEX #502FDD sur HEX #6F54E3


Code CSS:

background-image: linear-gradient(135deg, #502FDD 13%, #6F54E3 87%);

 

HEX #502FDD sur HEX #6F54E3


Code CSS:

background-image: radial-gradient(circle, #502FDD 1%, #6F54E3 99%);

 

HEX #6F54E3 sur HEX #502FDD


Code CSS:

background-image: linear-gradient(135deg, #6F54E3 2%, #502FDD 100%);

 

HEX #6F54E3 sur HEX #502FDD


Code CSS:

background-image: radial-gradient(circle, #6F54E3 13%, #502FDD 92%);

 

HEX #502FDD sur HEX #8D78E9


Code CSS:

background-image: linear-gradient(135deg, #502FDD 12%, #8D78E9 95%);

 

HEX #502FDD sur HEX #8D78E9


Code CSS:

background-image: radial-gradient(circle, #502FDD 2%, #8D78E9 97%);

 

HEX #8D78E9 sur HEX #502FDD


Code CSS:

background-image: linear-gradient(135deg, #8D78E9 3%, #502FDD 97%);

 

HEX #8D78E9 sur HEX #502FDD


Code CSS:

background-image: radial-gradient(circle, #8D78E9 8%, #502FDD 98%);

Linéaire

HEX #502FDD sur HEX #DD319B


Code CSS:

background-image: linear-gradient(135deg, #502FDD 12%, #DD319B 100%);

Radial

HEX #502FDD sur HEX #DD319B


Code CSS:

background-image: radial-gradient(circle, #502FDD 2%, #DD319B 100%);

 

HEX #DD319B sur HEX #502FDD


Code CSS:

background-image: linear-gradient(135deg, #DD319B 0%, #502FDD 92%);

 

HEX #DD319B sur HEX #502FDD


Code CSS:

background-image: radial-gradient(circle, #DD319B 14%, #502FDD 90%);

 

HEX #502FDD sur HEX #56DD31


Code CSS:

background-image: linear-gradient(135deg, #502FDD 11%, #56DD31 96%);

 

HEX #502FDD sur HEX #56DD31


Code CSS:

background-image: radial-gradient(circle, #502FDD 4%, #56DD31 96%);

 

HEX #56DD31 sur HEX #502FDD


Code CSS:

background-image: linear-gradient(135deg, #56DD31 1%, #502FDD 97%);

 

HEX #56DD31 sur HEX #502FDD


Code CSS:

background-image: radial-gradient(circle, #56DD31 12%, #502FDD 90%);

Linéaire

HEX #502FDD sur HEX #DD5031


Code CSS:

background-image: linear-gradient(135deg, #502FDD 3%, #DD5031 90%);

Radial

HEX #502FDD sur HEX #DD5031


Code CSS:

background-image: radial-gradient(circle, #502FDD 0%, #DD5031 94%);

 

HEX #DD5031 sur HEX #502FDD


Code CSS:

background-image: linear-gradient(135deg, #DD5031 3%, #502FDD 87%);

 

HEX #DD5031 sur HEX #502FDD


Code CSS:

background-image: radial-gradient(circle, #DD5031 11%, #502FDD 100%);

 

HEX #502FDD sur HEX #31DD50


Code CSS:

background-image: linear-gradient(135deg, #502FDD 11%, #31DD50 91%);

 

HEX #502FDD sur HEX #31DD50


Code CSS:

background-image: radial-gradient(circle, #502FDD 5%, #31DD50 88%);

 

HEX #31DD50 sur HEX #502FDD


Code CSS:

background-image: linear-gradient(135deg, #31DD50 14%, #502FDD 91%);

 

HEX #31DD50 sur HEX #502FDD


Code CSS:

background-image: radial-gradient(circle, #31DD50 8%, #502FDD 92%);

Linéaire

HEX #502FDD sur HEX #DD319B


Code CSS:

background-image: linear-gradient(135deg, #502FDD 11%, #DD319B 98%);

Radial

HEX #502FDD sur HEX #DD319B


Code CSS:

background-image: radial-gradient(circle, #502FDD 3%, #DD319B 97%);

 

HEX #DD319B sur HEX #502FDD


Code CSS:

background-image: linear-gradient(135deg, #DD319B 12%, #502FDD 95%);

 

HEX #DD319B sur HEX #502FDD


Code CSS:

background-image: radial-gradient(circle, #DD319B 0%, #502FDD 96%);

 

HEX #502FDD sur HEX #BEDD31


Code CSS:

background-image: linear-gradient(135deg, #502FDD 8%, #BEDD31 97%);

 

HEX #502FDD sur HEX #BEDD31


Code CSS:

background-image: radial-gradient(circle, #502FDD 2%, #BEDD31 89%);

 

HEX #BEDD31 sur HEX #502FDD


Code CSS:

background-image: linear-gradient(135deg, #BEDD31 14%, #502FDD 97%);

 

HEX #BEDD31 sur HEX #502FDD


Code CSS:

background-image: radial-gradient(circle, #BEDD31 6%, #502FDD 89%);

 

HEX #502FDD sur HEX #31DD73


Code CSS:

background-image: linear-gradient(135deg, #502FDD 10%, #31DD73 97%);

 

HEX #502FDD sur HEX #31DD73


Code CSS:

background-image: radial-gradient(circle, #502FDD 7%, #31DD73 87%);

 

HEX #31DD73 sur HEX #502FDD


Code CSS:

background-image: linear-gradient(135deg, #31DD73 2%, #502FDD 94%);

 

HEX #31DD73 sur HEX #502FDD


Code CSS:

background-image: radial-gradient(circle, #31DD73 9%, #502FDD 92%);

Linéaire

HEX #502FDD sur HEX #DD3168


Code CSS:

background-image: linear-gradient(135deg, #502FDD 14%, #DD3168 96%);

Radial

HEX #502FDD sur HEX #DD3168


Code CSS:

background-image: radial-gradient(circle, #502FDD 8%, #DD3168 88%);

 

HEX #DD3168 sur HEX #502FDD


Code CSS:

background-image: linear-gradient(135deg, #DD3168 12%, #502FDD 99%);

 

HEX #DD3168 sur HEX #502FDD


Code CSS:

background-image: radial-gradient(circle, #DD3168 13%, #502FDD 93%);

 

HEX #502FDD sur HEX #BEDD31


Code CSS:

background-image: linear-gradient(135deg, #502FDD 11%, #BEDD31 93%);

 

HEX #502FDD sur HEX #BEDD31


Code CSS:

background-image: radial-gradient(circle, #502FDD 5%, #BEDD31 94%);

 

HEX #BEDD31 sur HEX #502FDD


Code CSS:

background-image: linear-gradient(135deg, #BEDD31 0%, #502FDD 91%);

 

HEX #BEDD31 sur HEX #502FDD


Code CSS:

background-image: radial-gradient(circle, #BEDD31 6%, #502FDD 89%);

 

HEX #502FDD sur HEX #31DDA7


Code CSS:

background-image: linear-gradient(135deg, #502FDD 6%, #31DDA7 89%);

 

HEX #502FDD sur HEX #31DDA7


Code CSS:

background-image: radial-gradient(circle, #502FDD 7%, #31DDA7 88%);

 

HEX #31DDA7 sur HEX #502FDD


Code CSS:

background-image: linear-gradient(135deg, #31DDA7 12%, #502FDD 91%);

 

HEX #31DDA7 sur HEX #502FDD


Code CSS:

background-image: radial-gradient(circle, #31DDA7 2%, #502FDD 97%);

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.