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

CSS Gradients:
#1A034ACE

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 26 Rouge, 3 Vert et 74 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.
26 3 74 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 53 cyan, 78 magenta, pas de jaune et 57 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.
53% 78% 0% 57% 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 #1A034ACE sur HEX #E5FCB5CE


Code CSS:

background-image: linear-gradient(135deg, #1A034ACE 3%, #E5FCB5CE 88%);

Radial

HEX #1A034ACE sur HEX #E5FCB5CE


Code CSS:

background-image: radial-gradient(circle, #1A034ACE 13%, #E5FCB5CE 100%);

 

HEX #E5FCB5CE sur HEX #1A034ACE


Code CSS:

background-image: linear-gradient(135deg, #E5FCB5CE 2%, #1A034ACE 94%);

 

HEX #E5FCB5CE sur HEX #1A034ACE


Code CSS:

background-image: radial-gradient(circle, #E5FCB5CE 5%, #1A034ACE 94%);

Linéaire

HEX #1A034ACE sur HEX #070349CE


Code CSS:

background-image: linear-gradient(135deg, #1A034ACE 3%, #070349CE 99%);

Radial

HEX #1A034ACE sur HEX #070349CE


Code CSS:

background-image: radial-gradient(circle, #1A034ACE 4%, #070349CE 95%);

 

HEX #070349CE sur HEX #1A034ACE


Code CSS:

background-image: linear-gradient(135deg, #070349CE 1%, #1A034ACE 90%);

 

HEX #070349CE sur HEX #1A034ACE


Code CSS:

background-image: radial-gradient(circle, #070349CE 9%, #1A034ACE 92%);

 

HEX #1A034ACE sur HEX #190349CE


Code CSS:

background-image: linear-gradient(135deg, #1A034ACE 6%, #190349CE 86%);

 

HEX #1A034ACE sur HEX #190349CE


Code CSS:

background-image: radial-gradient(circle, #1A034ACE 9%, #190349CE 99%);

 

HEX #190349CE sur HEX #1A034ACE


Code CSS:

background-image: linear-gradient(135deg, #190349CE 10%, #1A034ACE 91%);

 

HEX #190349CE sur HEX #1A034ACE


Code CSS:

background-image: radial-gradient(circle, #190349CE 6%, #1A034ACE 90%);

 

HEX #1A034ACE sur HEX #2C0349CE


Code CSS:

background-image: linear-gradient(135deg, #1A034ACE 3%, #2C0349CE 87%);

 

HEX #1A034ACE sur HEX #2C0349CE


Code CSS:

background-image: radial-gradient(circle, #1A034ACE 4%, #2C0349CE 92%);

 

HEX #2C0349CE sur HEX #1A034ACE


Code CSS:

background-image: linear-gradient(135deg, #2C0349CE 11%, #1A034ACE 86%);

 

HEX #2C0349CE sur HEX #1A034ACE


Code CSS:

background-image: radial-gradient(circle, #2C0349CE 3%, #1A034ACE 91%);

 

HEX #1A034ACE sur HEX #3F0349CE


Code CSS:

background-image: linear-gradient(135deg, #1A034ACE 12%, #3F0349CE 91%);

 

HEX #1A034ACE sur HEX #3F0349CE


Code CSS:

background-image: radial-gradient(circle, #1A034ACE 4%, #3F0349CE 90%);

 

HEX #3F0349CE sur HEX #1A034ACE


Code CSS:

background-image: linear-gradient(135deg, #3F0349CE 12%, #1A034ACE 89%);

 

HEX #3F0349CE sur HEX #1A034ACE


Code CSS:

background-image: radial-gradient(circle, #3F0349CE 5%, #1A034ACE 90%);

Linéaire

HEX #1A034ACE sur HEX #0C0122


Code CSS:

background-image: linear-gradient(135deg, #1A034ACE 1%, #0C0122 95%);

Radial

HEX #1A034ACE sur HEX #0C0122


Code CSS:

background-image: radial-gradient(circle, #1A034ACE 8%, #0C0122 91%);

 

HEX #0C0122 sur HEX #1A034ACE


Code CSS:

background-image: linear-gradient(135deg, #0C0122 12%, #1A034ACE 95%);

 

HEX #0C0122 sur HEX #1A034ACE


Code CSS:

background-image: radial-gradient(circle, #0C0122 10%, #1A034ACE 97%);

 

HEX #1A034ACE sur HEX #1A0349


Code CSS:

background-image: linear-gradient(135deg, #1A034ACE 2%, #1A0349 87%);

 

HEX #1A034ACE sur HEX #1A0349


Code CSS:

background-image: radial-gradient(circle, #1A034ACE 7%, #1A0349 96%);

 

HEX #1A0349 sur HEX #1A034ACE


Code CSS:

background-image: linear-gradient(135deg, #1A0349 4%, #1A034ACE 99%);

 

HEX #1A0349 sur HEX #1A034ACE


Code CSS:

background-image: radial-gradient(circle, #1A0349 9%, #1A034ACE 99%);

 

HEX #1A034ACE sur HEX #280571


Code CSS:

background-image: linear-gradient(135deg, #1A034ACE 5%, #280571 91%);

 

HEX #1A034ACE sur HEX #280571


Code CSS:

background-image: radial-gradient(circle, #1A034ACE 0%, #280571 91%);

 

HEX #280571 sur HEX #1A034ACE


Code CSS:

background-image: linear-gradient(135deg, #280571 9%, #1A034ACE 97%);

 

HEX #280571 sur HEX #1A034ACE


Code CSS:

background-image: radial-gradient(circle, #280571 8%, #1A034ACE 90%);

 

HEX #1A034ACE sur HEX #360699


Code CSS:

background-image: linear-gradient(135deg, #1A034ACE 7%, #360699 89%);

 

HEX #1A034ACE sur HEX #360699


Code CSS:

background-image: radial-gradient(circle, #1A034ACE 9%, #360699 92%);

 

HEX #360699 sur HEX #1A034ACE


Code CSS:

background-image: linear-gradient(135deg, #360699 8%, #1A034ACE 94%);

 

HEX #360699 sur HEX #1A034ACE


Code CSS:

background-image: radial-gradient(circle, #360699 13%, #1A034ACE 95%);

Linéaire

HEX #1A034ACE sur HEX #070349CE


Code CSS:

background-image: linear-gradient(135deg, #1A034ACE 14%, #070349CE 92%);

Radial

HEX #1A034ACE sur HEX #070349CE


Code CSS:

background-image: radial-gradient(circle, #1A034ACE 1%, #070349CE 87%);

 

HEX #070349CE sur HEX #1A034ACE


Code CSS:

background-image: linear-gradient(135deg, #070349CE 2%, #1A034ACE 99%);

 

HEX #070349CE sur HEX #1A034ACE


Code CSS:

background-image: radial-gradient(circle, #070349CE 11%, #1A034ACE 92%);

 

HEX #1A034ACE sur HEX #190349CE


Code CSS:

background-image: linear-gradient(135deg, #1A034ACE 3%, #190349CE 91%);

 

HEX #1A034ACE sur HEX #190349CE


Code CSS:

background-image: radial-gradient(circle, #1A034ACE 7%, #190349CE 87%);

 

HEX #190349CE sur HEX #1A034ACE


Code CSS:

background-image: linear-gradient(135deg, #190349CE 3%, #1A034ACE 88%);

 

HEX #190349CE sur HEX #1A034ACE


Code CSS:

background-image: radial-gradient(circle, #190349CE 13%, #1A034ACE 94%);

 

HEX #1A034ACE sur HEX #2C0349CE


Code CSS:

background-image: linear-gradient(135deg, #1A034ACE 2%, #2C0349CE 100%);

 

HEX #1A034ACE sur HEX #2C0349CE


Code CSS:

background-image: radial-gradient(circle, #1A034ACE 8%, #2C0349CE 90%);

 

HEX #2C0349CE sur HEX #1A034ACE


Code CSS:

background-image: linear-gradient(135deg, #2C0349CE 0%, #1A034ACE 96%);

 

HEX #2C0349CE sur HEX #1A034ACE


Code CSS:

background-image: radial-gradient(circle, #2C0349CE 5%, #1A034ACE 86%);

 

HEX #1A034ACE sur HEX #3F0349CE


Code CSS:

background-image: linear-gradient(135deg, #1A034ACE 11%, #3F0349CE 86%);

 

HEX #1A034ACE sur HEX #3F0349CE


Code CSS:

background-image: radial-gradient(circle, #1A034ACE 0%, #3F0349CE 100%);

 

HEX #3F0349CE sur HEX #1A034ACE


Code CSS:

background-image: linear-gradient(135deg, #3F0349CE 0%, #1A034ACE 90%);

 

HEX #3F0349CE sur HEX #1A034ACE


Code CSS:

background-image: radial-gradient(circle, #3F0349CE 5%, #1A034ACE 89%);

Linéaire

HEX #1A034ACE sur HEX #0C0122


Code CSS:

background-image: linear-gradient(135deg, #1A034ACE 10%, #0C0122 95%);

Radial

HEX #1A034ACE sur HEX #0C0122


Code CSS:

background-image: radial-gradient(circle, #1A034ACE 0%, #0C0122 97%);

 

HEX #0C0122 sur HEX #1A034ACE


Code CSS:

background-image: linear-gradient(135deg, #0C0122 6%, #1A034ACE 100%);

 

HEX #0C0122 sur HEX #1A034ACE


Code CSS:

background-image: radial-gradient(circle, #0C0122 8%, #1A034ACE 98%);

 

HEX #1A034ACE sur HEX #1A0349


Code CSS:

background-image: linear-gradient(135deg, #1A034ACE 2%, #1A0349 95%);

 

HEX #1A034ACE sur HEX #1A0349


Code CSS:

background-image: radial-gradient(circle, #1A034ACE 4%, #1A0349 97%);

 

HEX #1A0349 sur HEX #1A034ACE


Code CSS:

background-image: linear-gradient(135deg, #1A0349 1%, #1A034ACE 93%);

 

HEX #1A0349 sur HEX #1A034ACE


Code CSS:

background-image: radial-gradient(circle, #1A0349 1%, #1A034ACE 96%);

 

HEX #1A034ACE sur HEX #280571


Code CSS:

background-image: linear-gradient(135deg, #1A034ACE 7%, #280571 95%);

 

HEX #1A034ACE sur HEX #280571


Code CSS:

background-image: radial-gradient(circle, #1A034ACE 1%, #280571 99%);

 

HEX #280571 sur HEX #1A034ACE


Code CSS:

background-image: linear-gradient(135deg, #280571 4%, #1A034ACE 89%);

 

HEX #280571 sur HEX #1A034ACE


Code CSS:

background-image: radial-gradient(circle, #280571 2%, #1A034ACE 88%);

 

HEX #1A034ACE sur HEX #360699


Code CSS:

background-image: linear-gradient(135deg, #1A034ACE 1%, #360699 99%);

 

HEX #1A034ACE sur HEX #360699


Code CSS:

background-image: radial-gradient(circle, #1A034ACE 11%, #360699 87%);

 

HEX #360699 sur HEX #1A034ACE


Code CSS:

background-image: linear-gradient(135deg, #360699 12%, #1A034ACE 88%);

 

HEX #360699 sur HEX #1A034ACE


Code CSS:

background-image: radial-gradient(circle, #360699 1%, #1A034ACE 99%);

Linéaire

HEX #1A034ACE sur HEX #490325


Code CSS:

background-image: linear-gradient(135deg, #1A034ACE 7%, #490325 99%);

Radial

HEX #1A034ACE sur HEX #490325


Code CSS:

background-image: radial-gradient(circle, #1A034ACE 3%, #490325 95%);

 

HEX #490325 sur HEX #1A034ACE


Code CSS:

background-image: linear-gradient(135deg, #490325 7%, #1A034ACE 94%);

 

HEX #490325 sur HEX #1A034ACE


Code CSS:

background-image: radial-gradient(circle, #490325 12%, #1A034ACE 87%);

 

HEX #1A034ACE sur HEX #094903


Code CSS:

background-image: linear-gradient(135deg, #1A034ACE 4%, #094903 89%);

 

HEX #1A034ACE sur HEX #094903


Code CSS:

background-image: radial-gradient(circle, #1A034ACE 7%, #094903 87%);

 

HEX #094903 sur HEX #1A034ACE


Code CSS:

background-image: linear-gradient(135deg, #094903 1%, #1A034ACE 88%);

 

HEX #094903 sur HEX #1A034ACE


Code CSS:

background-image: radial-gradient(circle, #094903 11%, #1A034ACE 87%);

Linéaire

HEX #1A034ACE sur HEX #491903


Code CSS:

background-image: linear-gradient(135deg, #1A034ACE 7%, #491903 87%);

Radial

HEX #1A034ACE sur HEX #491903


Code CSS:

background-image: radial-gradient(circle, #1A034ACE 14%, #491903 100%);

 

HEX #491903 sur HEX #1A034ACE


Code CSS:

background-image: linear-gradient(135deg, #491903 10%, #1A034ACE 87%);

 

HEX #491903 sur HEX #1A034ACE


Code CSS:

background-image: radial-gradient(circle, #491903 3%, #1A034ACE 89%);

 

HEX #1A034ACE sur HEX #034919


Code CSS:

background-image: linear-gradient(135deg, #1A034ACE 13%, #034919 98%);

 

HEX #1A034ACE sur HEX #034919


Code CSS:

background-image: radial-gradient(circle, #1A034ACE 5%, #034919 98%);

 

HEX #034919 sur HEX #1A034ACE


Code CSS:

background-image: linear-gradient(135deg, #034919 7%, #1A034ACE 88%);

 

HEX #034919 sur HEX #1A034ACE


Code CSS:

background-image: radial-gradient(circle, #034919 2%, #1A034ACE 91%);

Linéaire

HEX #1A034ACE sur HEX #490325


Code CSS:

background-image: linear-gradient(135deg, #1A034ACE 14%, #490325 100%);

Radial

HEX #1A034ACE sur HEX #490325


Code CSS:

background-image: radial-gradient(circle, #1A034ACE 3%, #490325 92%);

 

HEX #490325 sur HEX #1A034ACE


Code CSS:

background-image: linear-gradient(135deg, #490325 10%, #1A034ACE 87%);

 

HEX #490325 sur HEX #1A034ACE


Code CSS:

background-image: radial-gradient(circle, #490325 3%, #1A034ACE 94%);

 

HEX #1A034ACE sur HEX #334903


Code CSS:

background-image: linear-gradient(135deg, #1A034ACE 8%, #334903 92%);

 

HEX #1A034ACE sur HEX #334903


Code CSS:

background-image: radial-gradient(circle, #1A034ACE 1%, #334903 98%);

 

HEX #334903 sur HEX #1A034ACE


Code CSS:

background-image: linear-gradient(135deg, #334903 7%, #1A034ACE 87%);

 

HEX #334903 sur HEX #1A034ACE


Code CSS:

background-image: radial-gradient(circle, #334903 14%, #1A034ACE 100%);

 

HEX #1A034ACE sur HEX #034927


Code CSS:

background-image: linear-gradient(135deg, #1A034ACE 6%, #034927 95%);

 

HEX #1A034ACE sur HEX #034927


Code CSS:

background-image: radial-gradient(circle, #1A034ACE 13%, #034927 92%);

 

HEX #034927 sur HEX #1A034ACE


Code CSS:

background-image: linear-gradient(135deg, #034927 7%, #1A034ACE 86%);

 

HEX #034927 sur HEX #1A034ACE


Code CSS:

background-image: radial-gradient(circle, #034927 7%, #1A034ACE 88%);

Linéaire

HEX #1A034ACE sur HEX #490310


Code CSS:

background-image: linear-gradient(135deg, #1A034ACE 2%, #490310 88%);

Radial

HEX #1A034ACE sur HEX #490310


Code CSS:

background-image: radial-gradient(circle, #1A034ACE 13%, #490310 88%);

 

HEX #490310 sur HEX #1A034ACE


Code CSS:

background-image: linear-gradient(135deg, #490310 11%, #1A034ACE 90%);

 

HEX #490310 sur HEX #1A034ACE


Code CSS:

background-image: radial-gradient(circle, #490310 13%, #1A034ACE 94%);

 

HEX #1A034ACE sur HEX #334903


Code CSS:

background-image: linear-gradient(135deg, #1A034ACE 11%, #334903 98%);

 

HEX #1A034ACE sur HEX #334903


Code CSS:

background-image: radial-gradient(circle, #1A034ACE 0%, #334903 93%);

 

HEX #334903 sur HEX #1A034ACE


Code CSS:

background-image: linear-gradient(135deg, #334903 1%, #1A034ACE 99%);

 

HEX #334903 sur HEX #1A034ACE


Code CSS:

background-image: radial-gradient(circle, #334903 6%, #1A034ACE 87%);

 

HEX #1A034ACE sur HEX #03493D


Code CSS:

background-image: linear-gradient(135deg, #1A034ACE 11%, #03493D 93%);

 

HEX #1A034ACE sur HEX #03493D


Code CSS:

background-image: radial-gradient(circle, #1A034ACE 9%, #03493D 87%);

 

HEX #03493D sur HEX #1A034ACE


Code CSS:

background-image: linear-gradient(135deg, #03493D 7%, #1A034ACE 92%);

 

HEX #03493D sur HEX #1A034ACE


Code CSS:

background-image: radial-gradient(circle, #03493D 10%, #1A034ACE 95%);

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)

To be able to save color palettes, a registration is required.

Log in to your account

or

Create an account

Current color palette Share
Should it be public or private?
Link(s) will follow after sharing.

Cancel Share

Color palette shared
Please copy and save the desired link.

Share

OK, I have copied the links

Your colors will be saved in a new color palette.
View them under your profile.
You can customize them further, and share them.

Show color palette
Close

Create a color palette

DownloadDownload in different formats

Remove All

By clicking on you can create palettes and download the color swatches.