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

✕

CSS Gradients:
#4747BD

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 faibles par rapport aux autres, cette teinte nous semble plus sombre.

La décomposition de la couleur dans le système de couleurs RGB : dans cette teinte, sur 255 parts de couleurs maximales, respectivement 71 Rouge, 71 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.
71 71 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 62 cyan, 62 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.
62% 62% 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 #4747BD sur HEX #B8B842


Code CSS:

background-image: linear-gradient(135deg, #4747BD 12%, #B8B842 95%);

Radial

HEX #4747BD sur HEX #B8B842


Code CSS:

background-image: radial-gradient(circle, #4747BD 8%, #B8B842 87%);

 

HEX #B8B842 sur HEX #4747BD


Code CSS:

background-image: linear-gradient(135deg, #B8B842 7%, #4747BD 99%);

 

HEX #B8B842 sur HEX #4747BD


Code CSS:

background-image: radial-gradient(circle, #B8B842 6%, #4747BD 90%);

Linéaire

HEX #4747BD sur HEX #4766BC


Code CSS:

background-image: linear-gradient(135deg, #4747BD 2%, #4766BC 87%);

Radial

HEX #4747BD sur HEX #4766BC


Code CSS:

background-image: radial-gradient(circle, #4747BD 11%, #4766BC 94%);

 

HEX #4766BC sur HEX #4747BD


Code CSS:

background-image: linear-gradient(135deg, #4766BC 14%, #4747BD 94%);

 

HEX #4766BC sur HEX #4747BD


Code CSS:

background-image: radial-gradient(circle, #4766BC 11%, #4747BD 94%);

 

HEX #4747BD sur HEX #4747BC


Code CSS:

background-image: linear-gradient(135deg, #4747BD 7%, #4747BC 97%);

 

HEX #4747BD sur HEX #4747BC


Code CSS:

background-image: radial-gradient(circle, #4747BD 11%, #4747BC 98%);

 

HEX #4747BC sur HEX #4747BD


Code CSS:

background-image: linear-gradient(135deg, #4747BC 0%, #4747BD 86%);

 

HEX #4747BC sur HEX #4747BD


Code CSS:

background-image: radial-gradient(circle, #4747BC 6%, #4747BD 97%);

 

HEX #4747BD sur HEX #6647BC


Code CSS:

background-image: linear-gradient(135deg, #4747BD 13%, #6647BC 94%);

 

HEX #4747BD sur HEX #6647BC


Code CSS:

background-image: radial-gradient(circle, #4747BD 8%, #6647BC 97%);

 

HEX #6647BC sur HEX #4747BD


Code CSS:

background-image: linear-gradient(135deg, #6647BC 11%, #4747BD 90%);

 

HEX #6647BC sur HEX #4747BD


Code CSS:

background-image: radial-gradient(circle, #6647BC 12%, #4747BD 90%);

 

HEX #4747BD sur HEX #8547BC


Code CSS:

background-image: linear-gradient(135deg, #4747BD 12%, #8547BC 99%);

 

HEX #4747BD sur HEX #8547BC


Code CSS:

background-image: radial-gradient(circle, #4747BD 6%, #8547BC 93%);

 

HEX #8547BC sur HEX #4747BD


Code CSS:

background-image: linear-gradient(135deg, #8547BC 13%, #4747BD 92%);

 

HEX #8547BC sur HEX #4747BD


Code CSS:

background-image: radial-gradient(circle, #8547BC 3%, #4747BD 95%);

Linéaire

HEX #4747BD sur HEX #3939A0


Code CSS:

background-image: linear-gradient(135deg, #4747BD 10%, #3939A0 100%);

Radial

HEX #4747BD sur HEX #3939A0


Code CSS:

background-image: radial-gradient(circle, #4747BD 11%, #3939A0 93%);

 

HEX #3939A0 sur HEX #4747BD


Code CSS:

background-image: linear-gradient(135deg, #3939A0 10%, #4747BD 96%);

 

HEX #3939A0 sur HEX #4747BD


Code CSS:

background-image: radial-gradient(circle, #3939A0 12%, #4747BD 88%);

 

HEX #4747BD sur HEX #4747BC


Code CSS:

background-image: linear-gradient(135deg, #4747BD 8%, #4747BC 91%);

 

HEX #4747BD sur HEX #4747BC


Code CSS:

background-image: radial-gradient(circle, #4747BD 6%, #4747BC 96%);

 

HEX #4747BC sur HEX #4747BD


Code CSS:

background-image: linear-gradient(135deg, #4747BC 11%, #4747BD 94%);

 

HEX #4747BC sur HEX #4747BD


Code CSS:

background-image: radial-gradient(circle, #4747BC 3%, #4747BD 89%);

 

HEX #4747BD sur HEX #6565C7


Code CSS:

background-image: linear-gradient(135deg, #4747BD 9%, #6565C7 95%);

 

HEX #4747BD sur HEX #6565C7


Code CSS:

background-image: radial-gradient(circle, #4747BD 0%, #6565C7 96%);

 

HEX #6565C7 sur HEX #4747BD


Code CSS:

background-image: linear-gradient(135deg, #6565C7 12%, #4747BD 89%);

 

HEX #6565C7 sur HEX #4747BD


Code CSS:

background-image: radial-gradient(circle, #6565C7 12%, #4747BD 87%);

 

HEX #4747BD sur HEX #8383D2


Code CSS:

background-image: linear-gradient(135deg, #4747BD 6%, #8383D2 91%);

 

HEX #4747BD sur HEX #8383D2


Code CSS:

background-image: radial-gradient(circle, #4747BD 6%, #8383D2 96%);

 

HEX #8383D2 sur HEX #4747BD


Code CSS:

background-image: linear-gradient(135deg, #8383D2 11%, #4747BD 87%);

 

HEX #8383D2 sur HEX #4747BD


Code CSS:

background-image: radial-gradient(circle, #8383D2 5%, #4747BD 91%);

Linéaire

HEX #4747BD sur HEX #4766BC


Code CSS:

background-image: linear-gradient(135deg, #4747BD 14%, #4766BC 94%);

Radial

HEX #4747BD sur HEX #4766BC


Code CSS:

background-image: radial-gradient(circle, #4747BD 4%, #4766BC 96%);

 

HEX #4766BC sur HEX #4747BD


Code CSS:

background-image: linear-gradient(135deg, #4766BC 6%, #4747BD 91%);

 

HEX #4766BC sur HEX #4747BD


Code CSS:

background-image: radial-gradient(circle, #4766BC 10%, #4747BD 86%);

 

HEX #4747BD sur HEX #4747BC


Code CSS:

background-image: linear-gradient(135deg, #4747BD 1%, #4747BC 92%);

 

HEX #4747BD sur HEX #4747BC


Code CSS:

background-image: radial-gradient(circle, #4747BD 1%, #4747BC 91%);

 

HEX #4747BC sur HEX #4747BD


Code CSS:

background-image: linear-gradient(135deg, #4747BC 1%, #4747BD 94%);

 

HEX #4747BC sur HEX #4747BD


Code CSS:

background-image: radial-gradient(circle, #4747BC 6%, #4747BD 100%);

 

HEX #4747BD sur HEX #6647BC


Code CSS:

background-image: linear-gradient(135deg, #4747BD 12%, #6647BC 99%);

 

HEX #4747BD sur HEX #6647BC


Code CSS:

background-image: radial-gradient(circle, #4747BD 11%, #6647BC 86%);

 

HEX #6647BC sur HEX #4747BD


Code CSS:

background-image: linear-gradient(135deg, #6647BC 3%, #4747BD 97%);

 

HEX #6647BC sur HEX #4747BD


Code CSS:

background-image: radial-gradient(circle, #6647BC 5%, #4747BD 94%);

 

HEX #4747BD sur HEX #8547BC


Code CSS:

background-image: linear-gradient(135deg, #4747BD 4%, #8547BC 95%);

 

HEX #4747BD sur HEX #8547BC


Code CSS:

background-image: radial-gradient(circle, #4747BD 3%, #8547BC 99%);

 

HEX #8547BC sur HEX #4747BD


Code CSS:

background-image: linear-gradient(135deg, #8547BC 12%, #4747BD 97%);

 

HEX #8547BC sur HEX #4747BD


Code CSS:

background-image: radial-gradient(circle, #8547BC 7%, #4747BD 96%);

Linéaire

HEX #4747BD sur HEX #3939A0


Code CSS:

background-image: linear-gradient(135deg, #4747BD 0%, #3939A0 90%);

Radial

HEX #4747BD sur HEX #3939A0


Code CSS:

background-image: radial-gradient(circle, #4747BD 9%, #3939A0 89%);

 

HEX #3939A0 sur HEX #4747BD


Code CSS:

background-image: linear-gradient(135deg, #3939A0 9%, #4747BD 97%);

 

HEX #3939A0 sur HEX #4747BD


Code CSS:

background-image: radial-gradient(circle, #3939A0 12%, #4747BD 97%);

 

HEX #4747BD sur HEX #4747BC


Code CSS:

background-image: linear-gradient(135deg, #4747BD 14%, #4747BC 94%);

 

HEX #4747BD sur HEX #4747BC


Code CSS:

background-image: radial-gradient(circle, #4747BD 2%, #4747BC 94%);

 

HEX #4747BC sur HEX #4747BD


Code CSS:

background-image: linear-gradient(135deg, #4747BC 10%, #4747BD 86%);

 

HEX #4747BC sur HEX #4747BD


Code CSS:

background-image: radial-gradient(circle, #4747BC 4%, #4747BD 97%);

 

HEX #4747BD sur HEX #6565C7


Code CSS:

background-image: linear-gradient(135deg, #4747BD 0%, #6565C7 100%);

 

HEX #4747BD sur HEX #6565C7


Code CSS:

background-image: radial-gradient(circle, #4747BD 14%, #6565C7 93%);

 

HEX #6565C7 sur HEX #4747BD


Code CSS:

background-image: linear-gradient(135deg, #6565C7 1%, #4747BD 88%);

 

HEX #6565C7 sur HEX #4747BD


Code CSS:

background-image: radial-gradient(circle, #6565C7 6%, #4747BD 87%);

 

HEX #4747BD sur HEX #8383D2


Code CSS:

background-image: linear-gradient(135deg, #4747BD 14%, #8383D2 92%);

 

HEX #4747BD sur HEX #8383D2


Code CSS:

background-image: radial-gradient(circle, #4747BD 12%, #8383D2 86%);

 

HEX #8383D2 sur HEX #4747BD


Code CSS:

background-image: linear-gradient(135deg, #8383D2 14%, #4747BD 90%);

 

HEX #8383D2 sur HEX #4747BD


Code CSS:

background-image: radial-gradient(circle, #8383D2 2%, #4747BD 95%);

Linéaire

HEX #4747BD sur HEX #BC47A5


Code CSS:

background-image: linear-gradient(135deg, #4747BD 0%, #BC47A5 88%);

Radial

HEX #4747BD sur HEX #BC47A5


Code CSS:

background-image: radial-gradient(circle, #4747BD 14%, #BC47A5 93%);

 

HEX #BC47A5 sur HEX #4747BD


Code CSS:

background-image: linear-gradient(135deg, #BC47A5 4%, #4747BD 97%);

 

HEX #BC47A5 sur HEX #4747BD


Code CSS:

background-image: radial-gradient(circle, #BC47A5 14%, #4747BD 99%);

 

HEX #4747BD sur HEX #76BC47


Code CSS:

background-image: linear-gradient(135deg, #4747BD 11%, #76BC47 92%);

 

HEX #4747BD sur HEX #76BC47


Code CSS:

background-image: radial-gradient(circle, #4747BD 3%, #76BC47 98%);

 

HEX #76BC47 sur HEX #4747BD


Code CSS:

background-image: linear-gradient(135deg, #76BC47 12%, #4747BD 93%);

 

HEX #76BC47 sur HEX #4747BD


Code CSS:

background-image: radial-gradient(circle, #76BC47 12%, #4747BD 93%);

Linéaire

HEX #4747BD sur HEX #BC4747


Code CSS:

background-image: linear-gradient(135deg, #4747BD 6%, #BC4747 90%);

Radial

HEX #4747BD sur HEX #BC4747


Code CSS:

background-image: radial-gradient(circle, #4747BD 11%, #BC4747 99%);

 

HEX #BC4747 sur HEX #4747BD


Code CSS:

background-image: linear-gradient(135deg, #BC4747 5%, #4747BD 86%);

 

HEX #BC4747 sur HEX #4747BD


Code CSS:

background-image: radial-gradient(circle, #BC4747 8%, #4747BD 93%);

 

HEX #4747BD sur HEX #47BC47


Code CSS:

background-image: linear-gradient(135deg, #4747BD 2%, #47BC47 94%);

 

HEX #4747BD sur HEX #47BC47


Code CSS:

background-image: radial-gradient(circle, #4747BD 10%, #47BC47 88%);

 

HEX #47BC47 sur HEX #4747BD


Code CSS:

background-image: linear-gradient(135deg, #47BC47 4%, #4747BD 93%);

 

HEX #47BC47 sur HEX #4747BD


Code CSS:

background-image: radial-gradient(circle, #47BC47 12%, #4747BD 88%);

Linéaire

HEX #4747BD sur HEX #BC47A5


Code CSS:

background-image: linear-gradient(135deg, #4747BD 4%, #BC47A5 95%);

Radial

HEX #4747BD sur HEX #BC47A5


Code CSS:

background-image: radial-gradient(circle, #4747BD 12%, #BC47A5 91%);

 

HEX #BC47A5 sur HEX #4747BD


Code CSS:

background-image: linear-gradient(135deg, #BC47A5 13%, #4747BD 95%);

 

HEX #BC47A5 sur HEX #4747BD


Code CSS:

background-image: radial-gradient(circle, #BC47A5 8%, #4747BD 98%);

 

HEX #4747BD sur HEX #BCBC47


Code CSS:

background-image: linear-gradient(135deg, #4747BD 1%, #BCBC47 95%);

 

HEX #4747BD sur HEX #BCBC47


Code CSS:

background-image: radial-gradient(circle, #4747BD 5%, #BCBC47 91%);

 

HEX #BCBC47 sur HEX #4747BD


Code CSS:

background-image: linear-gradient(135deg, #BCBC47 3%, #4747BD 90%);

 

HEX #BCBC47 sur HEX #4747BD


Code CSS:

background-image: radial-gradient(circle, #BCBC47 3%, #4747BD 90%);

 

HEX #4747BD sur HEX #47BC5E


Code CSS:

background-image: linear-gradient(135deg, #4747BD 14%, #47BC5E 100%);

 

HEX #4747BD sur HEX #47BC5E


Code CSS:

background-image: radial-gradient(circle, #4747BD 11%, #47BC5E 98%);

 

HEX #47BC5E sur HEX #4747BD


Code CSS:

background-image: linear-gradient(135deg, #47BC5E 11%, #4747BD 91%);

 

HEX #47BC5E sur HEX #4747BD


Code CSS:

background-image: radial-gradient(circle, #47BC5E 9%, #4747BD 91%);

Linéaire

HEX #4747BD sur HEX #BC4782


Code CSS:

background-image: linear-gradient(135deg, #4747BD 0%, #BC4782 99%);

Radial

HEX #4747BD sur HEX #BC4782


Code CSS:

background-image: radial-gradient(circle, #4747BD 13%, #BC4782 95%);

 

HEX #BC4782 sur HEX #4747BD


Code CSS:

background-image: linear-gradient(135deg, #BC4782 12%, #4747BD 86%);

 

HEX #BC4782 sur HEX #4747BD


Code CSS:

background-image: radial-gradient(circle, #BC4782 6%, #4747BD 89%);

 

HEX #4747BD sur HEX #BCBC47


Code CSS:

background-image: linear-gradient(135deg, #4747BD 0%, #BCBC47 90%);

 

HEX #4747BD sur HEX #BCBC47


Code CSS:

background-image: radial-gradient(circle, #4747BD 5%, #BCBC47 87%);

 

HEX #BCBC47 sur HEX #4747BD


Code CSS:

background-image: linear-gradient(135deg, #BCBC47 0%, #4747BD 86%);

 

HEX #BCBC47 sur HEX #4747BD


Code CSS:

background-image: radial-gradient(circle, #BCBC47 11%, #4747BD 94%);

 

HEX #4747BD sur HEX #47BC82


Code CSS:

background-image: linear-gradient(135deg, #4747BD 3%, #47BC82 94%);

 

HEX #4747BD sur HEX #47BC82


Code CSS:

background-image: radial-gradient(circle, #4747BD 1%, #47BC82 92%);

 

HEX #47BC82 sur HEX #4747BD


Code CSS:

background-image: linear-gradient(135deg, #47BC82 14%, #4747BD 98%);

 

HEX #47BC82 sur HEX #4747BD


Code CSS:

background-image: radial-gradient(circle, #47BC82 6%, #4747BD 89%);

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-2025 in cooperation ND-DESIGN.WORKS & frag-bobby.de