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

✕

CSS Gradients:
#AE9023

Information

ferme tous les

Laisse-toi suggérer des CSS dégradés de deux teintes comme la teinte de base et la couleur complémentaire.

Trouve des exemples de transitions de couleurs linéaires et radiales.

Facile pour le webdesign : copie le code CSS pour l'intégrer facilement sur ton site.

Laisse-toi suggérer des CSS dégradés de deux teintes, comme la teinte de base et une teinte plus claire.

Trouve des exemples de transitions linéaires et radiales de Teintes plus claires.

Facile pour le webdesign : copie le code CSS pour l'intégrer facilement sur ton site.

Laisse-toi suggérer des CSS dégradés de deux teintes, comme la teinte de base et une teinte plus foncée.

Trouve des exemples de transitions de couleurs linéaires et radiales de Teintes plus foncées.

Facile pour le webdesign : copie le code CSS pour l'intégrer facilement sur ton site.

Options d'affichage

Description

Comme les valeurs chromatiques sont relativement élevées par rapport aux autres, cette teinte nous semble plus claire.

La décomposition de la couleur dans le système de couleurs RGB : dans cette teinte, sur 255 parts de couleurs maximales, respectivement 174 Rouge, 144 Vert et 35 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.
174 144 35 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 pas de cyan, 17 magenta, 80 jaune et 32 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.
0% 17% 80% 32% 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 #AE9023 sur HEX #516FDC


Code CSS:

background-image: linear-gradient(135deg, #AE9023 7%, #516FDC 93%);

Radial

HEX #AE9023 sur HEX #516FDC


Code CSS:

background-image: radial-gradient(circle, #AE9023 0%, #516FDC 92%);

 

HEX #516FDC sur HEX #AE9023


Code CSS:

background-image: linear-gradient(135deg, #516FDC 13%, #AE9023 93%);

 

HEX #516FDC sur HEX #AE9023


Code CSS:

background-image: radial-gradient(circle, #516FDC 8%, #AE9023 99%);

Linéaire

HEX #AE9023 sur HEX #C4A231


Code CSS:

background-image: linear-gradient(135deg, #AE9023 7%, #C4A231 96%);

Radial

HEX #AE9023 sur HEX #C4A231


Code CSS:

background-image: radial-gradient(circle, #AE9023 5%, #C4A231 89%);

 

HEX #C4A231 sur HEX #AE9023


Code CSS:

background-image: linear-gradient(135deg, #C4A231 1%, #AE9023 94%);

 

HEX #C4A231 sur HEX #AE9023


Code CSS:

background-image: radial-gradient(circle, #C4A231 7%, #AE9023 98%);

 

HEX #AE9023 sur HEX #D5B444


Code CSS:

background-image: linear-gradient(135deg, #AE9023 5%, #D5B444 90%);

 

HEX #AE9023 sur HEX #D5B444


Code CSS:

background-image: radial-gradient(circle, #AE9023 7%, #D5B444 99%);

 

HEX #D5B444 sur HEX #AE9023


Code CSS:

background-image: linear-gradient(135deg, #D5B444 11%, #AE9023 89%);

 

HEX #D5B444 sur HEX #AE9023


Code CSS:

background-image: radial-gradient(circle, #D5B444 0%, #AE9023 96%);

 

HEX #AE9023 sur HEX #E6C657


Code CSS:

background-image: linear-gradient(135deg, #AE9023 3%, #E6C657 89%);

 

HEX #AE9023 sur HEX #E6C657


Code CSS:

background-image: radial-gradient(circle, #AE9023 8%, #E6C657 97%);

 

HEX #E6C657 sur HEX #AE9023


Code CSS:

background-image: linear-gradient(135deg, #E6C657 11%, #AE9023 98%);

 

HEX #E6C657 sur HEX #AE9023


Code CSS:

background-image: radial-gradient(circle, #E6C657 10%, #AE9023 98%);

 

HEX #AE9023 sur HEX #F7D86A


Code CSS:

background-image: linear-gradient(135deg, #AE9023 4%, #F7D86A 100%);

 

HEX #AE9023 sur HEX #F7D86A


Code CSS:

background-image: radial-gradient(circle, #AE9023 7%, #F7D86A 97%);

 

HEX #F7D86A sur HEX #AE9023


Code CSS:

background-image: linear-gradient(135deg, #F7D86A 13%, #AE9023 87%);

 

HEX #F7D86A sur HEX #AE9023


Code CSS:

background-image: radial-gradient(circle, #F7D86A 7%, #AE9023 90%);

Linéaire

HEX #AE9023 sur HEX #9D7E10


Code CSS:

background-image: linear-gradient(135deg, #AE9023 2%, #9D7E10 100%);

Radial

HEX #AE9023 sur HEX #9D7E10


Code CSS:

background-image: radial-gradient(circle, #AE9023 5%, #9D7E10 91%);

 

HEX #9D7E10 sur HEX #AE9023


Code CSS:

background-image: linear-gradient(135deg, #9D7E10 11%, #AE9023 86%);

 

HEX #9D7E10 sur HEX #AE9023


Code CSS:

background-image: radial-gradient(circle, #9D7E10 7%, #AE9023 91%);

 

HEX #AE9023 sur HEX #8C6C00


Code CSS:

background-image: linear-gradient(135deg, #AE9023 8%, #8C6C00 94%);

 

HEX #AE9023 sur HEX #8C6C00


Code CSS:

background-image: radial-gradient(circle, #AE9023 13%, #8C6C00 95%);

 

HEX #8C6C00 sur HEX #AE9023


Code CSS:

background-image: linear-gradient(135deg, #8C6C00 13%, #AE9023 97%);

 

HEX #8C6C00 sur HEX #AE9023


Code CSS:

background-image: radial-gradient(circle, #8C6C00 0%, #AE9023 86%);

 

HEX #AE9023 sur HEX #7B5A00


Code CSS:

background-image: linear-gradient(135deg, #AE9023 12%, #7B5A00 86%);

 

HEX #AE9023 sur HEX #7B5A00


Code CSS:

background-image: radial-gradient(circle, #AE9023 9%, #7B5A00 99%);

 

HEX #7B5A00 sur HEX #AE9023


Code CSS:

background-image: linear-gradient(135deg, #7B5A00 10%, #AE9023 88%);

 

HEX #7B5A00 sur HEX #AE9023


Code CSS:

background-image: radial-gradient(circle, #7B5A00 12%, #AE9023 99%);

 

HEX #AE9023 sur HEX #6A4800


Code CSS:

background-image: linear-gradient(135deg, #AE9023 13%, #6A4800 88%);

 

HEX #AE9023 sur HEX #6A4800


Code CSS:

background-image: radial-gradient(circle, #AE9023 5%, #6A4800 93%);

 

HEX #6A4800 sur HEX #AE9023


Code CSS:

background-image: linear-gradient(135deg, #6A4800 6%, #AE9023 99%);

 

HEX #6A4800 sur HEX #AE9023


Code CSS:

background-image: radial-gradient(circle, #6A4800 13%, #AE9023 95%);

Linéaire

HEX #AE9023 sur HEX #AEA722


Code CSS:

background-image: linear-gradient(135deg, #AE9023 2%, #AEA722 94%);

Radial

HEX #AE9023 sur HEX #AEA722


Code CSS:

background-image: radial-gradient(circle, #AE9023 2%, #AEA722 94%);

 

HEX #AEA722 sur HEX #AE9023


Code CSS:

background-image: linear-gradient(135deg, #AEA722 12%, #AE9023 92%);

 

HEX #AEA722 sur HEX #AE9023


Code CSS:

background-image: radial-gradient(circle, #AEA722 2%, #AE9023 98%);

 

HEX #AE9023 sur HEX #9EAE22


Code CSS:

background-image: linear-gradient(135deg, #AE9023 5%, #9EAE22 88%);

 

HEX #AE9023 sur HEX #9EAE22


Code CSS:

background-image: radial-gradient(circle, #AE9023 6%, #9EAE22 95%);

 

HEX #9EAE22 sur HEX #AE9023


Code CSS:

background-image: linear-gradient(135deg, #9EAE22 10%, #AE9023 95%);

 

HEX #9EAE22 sur HEX #AE9023


Code CSS:

background-image: radial-gradient(circle, #9EAE22 1%, #AE9023 90%);

 

HEX #AE9023 sur HEX #86AE22


Code CSS:

background-image: linear-gradient(135deg, #AE9023 8%, #86AE22 97%);

 

HEX #AE9023 sur HEX #86AE22


Code CSS:

background-image: radial-gradient(circle, #AE9023 9%, #86AE22 97%);

 

HEX #86AE22 sur HEX #AE9023


Code CSS:

background-image: linear-gradient(135deg, #86AE22 10%, #AE9023 92%);

 

HEX #86AE22 sur HEX #AE9023


Code CSS:

background-image: radial-gradient(circle, #86AE22 6%, #AE9023 93%);

 

HEX #AE9023 sur HEX #6FAE22


Code CSS:

background-image: linear-gradient(135deg, #AE9023 9%, #6FAE22 95%);

 

HEX #AE9023 sur HEX #6FAE22


Code CSS:

background-image: radial-gradient(circle, #AE9023 6%, #6FAE22 98%);

 

HEX #6FAE22 sur HEX #AE9023


Code CSS:

background-image: linear-gradient(135deg, #6FAE22 12%, #AE9023 98%);

 

HEX #6FAE22 sur HEX #AE9023


Code CSS:

background-image: radial-gradient(circle, #6FAE22 8%, #AE9023 90%);

Linéaire

HEX #AE9023 sur HEX #E1BA2D


Code CSS:

background-image: linear-gradient(135deg, #AE9023 2%, #E1BA2D 100%);

Radial

HEX #AE9023 sur HEX #E1BA2D


Code CSS:

background-image: radial-gradient(circle, #AE9023 4%, #E1BA2D 89%);

 

HEX #E1BA2D sur HEX #AE9023


Code CSS:

background-image: linear-gradient(135deg, #E1BA2D 8%, #AE9023 88%);

 

HEX #E1BA2D sur HEX #AE9023


Code CSS:

background-image: radial-gradient(circle, #E1BA2D 6%, #AE9023 94%);

 

HEX #AE9023 sur HEX #151104


Code CSS:

background-image: linear-gradient(135deg, #AE9023 14%, #151104 96%);

 

HEX #AE9023 sur HEX #151104


Code CSS:

background-image: radial-gradient(circle, #AE9023 10%, #151104 87%);

 

HEX #151104 sur HEX #AE9023


Code CSS:

background-image: linear-gradient(135deg, #151104 3%, #AE9023 86%);

 

HEX #151104 sur HEX #AE9023


Code CSS:

background-image: radial-gradient(circle, #151104 13%, #AE9023 91%);

 

HEX #AE9023 sur HEX #483C0E


Code CSS:

background-image: linear-gradient(135deg, #AE9023 14%, #483C0E 86%);

 

HEX #AE9023 sur HEX #483C0E


Code CSS:

background-image: radial-gradient(circle, #AE9023 4%, #483C0E 87%);

 

HEX #483C0E sur HEX #AE9023


Code CSS:

background-image: linear-gradient(135deg, #483C0E 7%, #AE9023 87%);

 

HEX #483C0E sur HEX #AE9023


Code CSS:

background-image: radial-gradient(circle, #483C0E 9%, #AE9023 94%);

 

HEX #AE9023 sur HEX #7B6619


Code CSS:

background-image: linear-gradient(135deg, #AE9023 3%, #7B6619 100%);

 

HEX #AE9023 sur HEX #7B6619


Code CSS:

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

 

HEX #7B6619 sur HEX #AE9023


Code CSS:

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

 

HEX #7B6619 sur HEX #AE9023


Code CSS:

background-image: radial-gradient(circle, #7B6619 0%, #AE9023 99%);

Linéaire

HEX #AE9023 sur HEX #24AE22


Code CSS:

background-image: linear-gradient(135deg, #AE9023 9%, #24AE22 89%);

Radial

HEX #AE9023 sur HEX #24AE22


Code CSS:

background-image: radial-gradient(circle, #AE9023 13%, #24AE22 89%);

 

HEX #24AE22 sur HEX #AE9023


Code CSS:

background-image: linear-gradient(135deg, #24AE22 3%, #AE9023 90%);

 

HEX #24AE22 sur HEX #AE9023


Code CSS:

background-image: radial-gradient(circle, #24AE22 4%, #AE9023 91%);

 

HEX #AE9023 sur HEX #5822AE


Code CSS:

background-image: linear-gradient(135deg, #AE9023 1%, #5822AE 96%);

 

HEX #AE9023 sur HEX #5822AE


Code CSS:

background-image: radial-gradient(circle, #AE9023 10%, #5822AE 95%);

 

HEX #5822AE sur HEX #AE9023


Code CSS:

background-image: linear-gradient(135deg, #5822AE 6%, #AE9023 98%);

 

HEX #5822AE sur HEX #AE9023


Code CSS:

background-image: radial-gradient(circle, #5822AE 2%, #AE9023 93%);

Linéaire

HEX #AE9023 sur HEX #22AE90


Code CSS:

background-image: linear-gradient(135deg, #AE9023 13%, #22AE90 90%);

Radial

HEX #AE9023 sur HEX #22AE90


Code CSS:

background-image: radial-gradient(circle, #AE9023 10%, #22AE90 96%);

 

HEX #22AE90 sur HEX #AE9023


Code CSS:

background-image: linear-gradient(135deg, #22AE90 14%, #AE9023 89%);

 

HEX #22AE90 sur HEX #AE9023


Code CSS:

background-image: radial-gradient(circle, #22AE90 10%, #AE9023 94%);

 

HEX #AE9023 sur HEX #9022AE


Code CSS:

background-image: linear-gradient(135deg, #AE9023 13%, #9022AE 89%);

 

HEX #AE9023 sur HEX #9022AE


Code CSS:

background-image: radial-gradient(circle, #AE9023 2%, #9022AE 96%);

 

HEX #9022AE sur HEX #AE9023


Code CSS:

background-image: linear-gradient(135deg, #9022AE 11%, #AE9023 87%);

 

HEX #9022AE sur HEX #AE9023


Code CSS:

background-image: radial-gradient(circle, #9022AE 12%, #AE9023 91%);

Linéaire

HEX #AE9023 sur HEX #24AE22


Code CSS:

background-image: linear-gradient(135deg, #AE9023 4%, #24AE22 89%);

Radial

HEX #AE9023 sur HEX #24AE22


Code CSS:

background-image: radial-gradient(circle, #AE9023 11%, #24AE22 94%);

 

HEX #24AE22 sur HEX #AE9023


Code CSS:

background-image: linear-gradient(135deg, #24AE22 6%, #AE9023 97%);

 

HEX #24AE22 sur HEX #AE9023


Code CSS:

background-image: radial-gradient(circle, #24AE22 0%, #AE9023 100%);

 

HEX #AE9023 sur HEX #2240AE


Code CSS:

background-image: linear-gradient(135deg, #AE9023 9%, #2240AE 88%);

 

HEX #AE9023 sur HEX #2240AE


Code CSS:

background-image: radial-gradient(circle, #AE9023 11%, #2240AE 94%);

 

HEX #2240AE sur HEX #AE9023


Code CSS:

background-image: linear-gradient(135deg, #2240AE 0%, #AE9023 87%);

 

HEX #2240AE sur HEX #AE9023


Code CSS:

background-image: radial-gradient(circle, #2240AE 8%, #AE9023 94%);

 

HEX #AE9023 sur HEX #AC22AE


Code CSS:

background-image: linear-gradient(135deg, #AE9023 6%, #AC22AE 92%);

 

HEX #AE9023 sur HEX #AC22AE


Code CSS:

background-image: radial-gradient(circle, #AE9023 2%, #AC22AE 87%);

 

HEX #AC22AE sur HEX #AE9023


Code CSS:

background-image: linear-gradient(135deg, #AC22AE 14%, #AE9023 88%);

 

HEX #AC22AE sur HEX #AE9023


Code CSS:

background-image: radial-gradient(circle, #AC22AE 9%, #AE9023 90%);

Linéaire

HEX #AE9023 sur HEX #22AE4A


Code CSS:

background-image: linear-gradient(135deg, #AE9023 6%, #22AE4A 88%);

Radial

HEX #AE9023 sur HEX #22AE4A


Code CSS:

background-image: radial-gradient(circle, #AE9023 6%, #22AE4A 86%);

 

HEX #22AE4A sur HEX #AE9023


Code CSS:

background-image: linear-gradient(135deg, #22AE4A 13%, #AE9023 93%);

 

HEX #22AE4A sur HEX #AE9023


Code CSS:

background-image: radial-gradient(circle, #22AE4A 6%, #AE9023 90%);

 

HEX #AE9023 sur HEX #2240AE


Code CSS:

background-image: linear-gradient(135deg, #AE9023 13%, #2240AE 93%);

 

HEX #AE9023 sur HEX #2240AE


Code CSS:

background-image: radial-gradient(circle, #AE9023 9%, #2240AE 86%);

 

HEX #2240AE sur HEX #AE9023


Code CSS:

background-image: linear-gradient(135deg, #2240AE 3%, #AE9023 97%);

 

HEX #2240AE sur HEX #AE9023


Code CSS:

background-image: radial-gradient(circle, #2240AE 4%, #AE9023 94%);

 

HEX #AE9023 sur HEX #AE2286


Code CSS:

background-image: linear-gradient(135deg, #AE9023 13%, #AE2286 98%);

 

HEX #AE9023 sur HEX #AE2286


Code CSS:

background-image: radial-gradient(circle, #AE9023 4%, #AE2286 97%);

 

HEX #AE2286 sur HEX #AE9023


Code CSS:

background-image: linear-gradient(135deg, #AE2286 3%, #AE9023 99%);

 

HEX #AE2286 sur HEX #AE9023


Code CSS:

background-image: radial-gradient(circle, #AE2286 4%, #AE9023 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
Icons

CMYK en HEX

convertir de CMYK cyan / magenta / jaune / key sur #RRGGBB
Icons

CMYK en RGB

convertir de CMYK cyan / magenta / jaune / key sur RGB rouge vert bleu
Icons

CMYK en RGBA

convertir de CMYK cyan / magenta / jaune / key sur RGBA rouge vert bleu transparent
Icons

CMYK en RAL®

convertir de CMYK cyan / magenta / jaune / key sur Numéro RAL® (RAL 0000)
Icons

CMYK en HKS®

convertir de CMYK cyan / magenta / jaune / key sur Numéro HKS® (HKS 00)
Icons

CMYK en PANTONE®

convertir de CMYK cyan / magenta / jaune / key sur Numéro Pantone® (Pantone 0000)
Icons

CMYK en Sherwin Williams®

convertir de CMYK cyan / magenta / jaune / key sur Sherwin Williams® numéro (SW 0000)
Icons

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
nsc-logo

NCS® en RGB

convertir de Numéro NCS (S0000-X00X) sur RGB rouge vert bleu
nsc-logo

NCS® en RGBA

convertir de Numéro NCS (S0000-X00X) sur RGBA rouge vert bleu transparent
nsc-logo

NCS® en CMYK

convertir de Numéro NCS (S0000-X00X) sur CMYK cyan / magenta / jaune / key

Icons
nsc-logo

NCS® en HEX

convertir de Numéro NCS (S0000-X00X) sur #RRGGBB
nsc-logo

NCS® en RAL®

convertir de Numéro NCS (S0000-X00X) sur Numéro RAL® (RAL 0000)
nsc-logo

NCS® en HKS®

convertir de Numéro NCS (S0000-X00X) sur Numéro HKS® (HKS 00)
nsc-logo

NCS® en PANTONE®

convertir de Numéro NCS (S0000-X00X) sur Numéro Pantone® (Pantone 0000)

To be able to save color palettes, you must be logged in.

Sign 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 link you want.

Share

OK, I have copied the links

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

Show color palette
Close

Create a color palette

DownloadDownload in different formats

Remove All

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

© 2019-2024 in cooperation ND-DESIGN.WORKS & frag-bobby.de