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

✕

CSS Gradients:
CMYK 56 / 58 / 0 / 49

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 57 Rouge, 55 Vert et 130 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.
57 55 130 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 56 cyan, 58 magenta, pas de jaune et 49 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.
56% 58% 0% 49% 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 #393782 sur HEX #C6C87D


Code CSS:

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

Radial

HEX #393782 sur HEX #C6C87D


Code CSS:

background-image: radial-gradient(circle, #393782 12%, #C6C87D 95%);

 

HEX #C6C87D sur HEX #393782


Code CSS:

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

 

HEX #C6C87D sur HEX #393782


Code CSS:

background-image: radial-gradient(circle, #C6C87D 6%, #393782 95%);

Linéaire

HEX #393782 sur HEX #364881


Code CSS:

background-image: linear-gradient(135deg, #393782 10%, #364881 91%);

Radial

HEX #393782 sur HEX #364881


Code CSS:

background-image: radial-gradient(circle, #393782 2%, #364881 93%);

 

HEX #364881 sur HEX #393782


Code CSS:

background-image: linear-gradient(135deg, #364881 10%, #393782 86%);

 

HEX #364881 sur HEX #393782


Code CSS:

background-image: radial-gradient(circle, #364881 14%, #393782 90%);

 

HEX #393782 sur HEX #373681


Code CSS:

background-image: linear-gradient(135deg, #393782 8%, #373681 95%);

 

HEX #393782 sur HEX #373681


Code CSS:

background-image: radial-gradient(circle, #393782 14%, #373681 92%);

 

HEX #373681 sur HEX #393782


Code CSS:

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

 

HEX #373681 sur HEX #393782


Code CSS:

background-image: radial-gradient(circle, #373681 9%, #393782 94%);

 

HEX #393782 sur HEX #4B3681


Code CSS:

background-image: linear-gradient(135deg, #393782 13%, #4B3681 94%);

 

HEX #393782 sur HEX #4B3681


Code CSS:

background-image: radial-gradient(circle, #393782 11%, #4B3681 90%);

 

HEX #4B3681 sur HEX #393782


Code CSS:

background-image: linear-gradient(135deg, #4B3681 12%, #393782 98%);

 

HEX #4B3681 sur HEX #393782


Code CSS:

background-image: radial-gradient(circle, #4B3681 5%, #393782 91%);

 

HEX #393782 sur HEX #5F3681


Code CSS:

background-image: linear-gradient(135deg, #393782 6%, #5F3681 90%);

 

HEX #393782 sur HEX #5F3681


Code CSS:

background-image: radial-gradient(circle, #393782 4%, #5F3681 94%);

 

HEX #5F3681 sur HEX #393782


Code CSS:

background-image: linear-gradient(135deg, #5F3681 13%, #393782 87%);

 

HEX #5F3681 sur HEX #393782


Code CSS:

background-image: radial-gradient(circle, #5F3681 6%, #393782 99%);

Linéaire

HEX #393782 sur HEX #2B2964


Code CSS:

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

Radial

HEX #393782 sur HEX #2B2964


Code CSS:

background-image: radial-gradient(circle, #393782 13%, #2B2964 94%);

 

HEX #2B2964 sur HEX #393782


Code CSS:

background-image: linear-gradient(135deg, #2B2964 6%, #393782 95%);

 

HEX #2B2964 sur HEX #393782


Code CSS:

background-image: radial-gradient(circle, #2B2964 4%, #393782 96%);

 

HEX #393782 sur HEX #383681


Code CSS:

background-image: linear-gradient(135deg, #393782 3%, #383681 100%);

 

HEX #393782 sur HEX #383681


Code CSS:

background-image: radial-gradient(circle, #393782 5%, #383681 100%);

 

HEX #383681 sur HEX #393782


Code CSS:

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

 

HEX #383681 sur HEX #393782


Code CSS:

background-image: radial-gradient(circle, #383681 6%, #393782 89%);

 

HEX #393782 sur HEX #44429E


Code CSS:

background-image: linear-gradient(135deg, #393782 8%, #44429E 96%);

 

HEX #393782 sur HEX #44429E


Code CSS:

background-image: radial-gradient(circle, #393782 9%, #44429E 96%);

 

HEX #44429E sur HEX #393782


Code CSS:

background-image: linear-gradient(135deg, #44429E 7%, #393782 95%);

 

HEX #44429E sur HEX #393782


Code CSS:

background-image: radial-gradient(circle, #44429E 5%, #393782 88%);

 

HEX #393782 sur HEX #5553B7


Code CSS:

background-image: linear-gradient(135deg, #393782 11%, #5553B7 97%);

 

HEX #393782 sur HEX #5553B7


Code CSS:

background-image: radial-gradient(circle, #393782 14%, #5553B7 93%);

 

HEX #5553B7 sur HEX #393782


Code CSS:

background-image: linear-gradient(135deg, #5553B7 4%, #393782 95%);

 

HEX #5553B7 sur HEX #393782


Code CSS:

background-image: radial-gradient(circle, #5553B7 4%, #393782 92%);

Linéaire

HEX #393782 sur HEX #364881


Code CSS:

background-image: linear-gradient(135deg, #393782 8%, #364881 86%);

Radial

HEX #393782 sur HEX #364881


Code CSS:

background-image: radial-gradient(circle, #393782 11%, #364881 94%);

 

HEX #364881 sur HEX #393782


Code CSS:

background-image: linear-gradient(135deg, #364881 12%, #393782 99%);

 

HEX #364881 sur HEX #393782


Code CSS:

background-image: radial-gradient(circle, #364881 10%, #393782 99%);

 

HEX #393782 sur HEX #373681


Code CSS:

background-image: linear-gradient(135deg, #393782 13%, #373681 91%);

 

HEX #393782 sur HEX #373681


Code CSS:

background-image: radial-gradient(circle, #393782 1%, #373681 99%);

 

HEX #373681 sur HEX #393782


Code CSS:

background-image: linear-gradient(135deg, #373681 2%, #393782 98%);

 

HEX #373681 sur HEX #393782


Code CSS:

background-image: radial-gradient(circle, #373681 2%, #393782 94%);

 

HEX #393782 sur HEX #4B3681


Code CSS:

background-image: linear-gradient(135deg, #393782 10%, #4B3681 88%);

 

HEX #393782 sur HEX #4B3681


Code CSS:

background-image: radial-gradient(circle, #393782 11%, #4B3681 91%);

 

HEX #4B3681 sur HEX #393782


Code CSS:

background-image: linear-gradient(135deg, #4B3681 6%, #393782 95%);

 

HEX #4B3681 sur HEX #393782


Code CSS:

background-image: radial-gradient(circle, #4B3681 13%, #393782 100%);

 

HEX #393782 sur HEX #5F3681


Code CSS:

background-image: linear-gradient(135deg, #393782 7%, #5F3681 97%);

 

HEX #393782 sur HEX #5F3681


Code CSS:

background-image: radial-gradient(circle, #393782 1%, #5F3681 93%);

 

HEX #5F3681 sur HEX #393782


Code CSS:

background-image: linear-gradient(135deg, #5F3681 8%, #393782 97%);

 

HEX #5F3681 sur HEX #393782


Code CSS:

background-image: radial-gradient(circle, #5F3681 14%, #393782 100%);

Linéaire

HEX #393782 sur HEX #2B2964


Code CSS:

background-image: linear-gradient(135deg, #393782 4%, #2B2964 86%);

Radial

HEX #393782 sur HEX #2B2964


Code CSS:

background-image: radial-gradient(circle, #393782 13%, #2B2964 99%);

 

HEX #2B2964 sur HEX #393782


Code CSS:

background-image: linear-gradient(135deg, #2B2964 10%, #393782 87%);

 

HEX #2B2964 sur HEX #393782


Code CSS:

background-image: radial-gradient(circle, #2B2964 14%, #393782 89%);

 

HEX #393782 sur HEX #383681


Code CSS:

background-image: linear-gradient(135deg, #393782 1%, #383681 100%);

 

HEX #393782 sur HEX #383681


Code CSS:

background-image: radial-gradient(circle, #393782 14%, #383681 95%);

 

HEX #383681 sur HEX #393782


Code CSS:

background-image: linear-gradient(135deg, #383681 6%, #393782 98%);

 

HEX #383681 sur HEX #393782


Code CSS:

background-image: radial-gradient(circle, #383681 0%, #393782 89%);

 

HEX #393782 sur HEX #44429E


Code CSS:

background-image: linear-gradient(135deg, #393782 0%, #44429E 87%);

 

HEX #393782 sur HEX #44429E


Code CSS:

background-image: radial-gradient(circle, #393782 10%, #44429E 90%);

 

HEX #44429E sur HEX #393782


Code CSS:

background-image: linear-gradient(135deg, #44429E 4%, #393782 94%);

 

HEX #44429E sur HEX #393782


Code CSS:

background-image: radial-gradient(circle, #44429E 8%, #393782 86%);

 

HEX #393782 sur HEX #5553B7


Code CSS:

background-image: linear-gradient(135deg, #393782 9%, #5553B7 95%);

 

HEX #393782 sur HEX #5553B7


Code CSS:

background-image: radial-gradient(circle, #393782 5%, #5553B7 88%);

 

HEX #5553B7 sur HEX #393782


Code CSS:

background-image: linear-gradient(135deg, #5553B7 10%, #393782 91%);

 

HEX #5553B7 sur HEX #393782


Code CSS:

background-image: radial-gradient(circle, #5553B7 13%, #393782 86%);

Linéaire

HEX #393782 sur HEX #813671


Code CSS:

background-image: linear-gradient(135deg, #393782 13%, #813671 91%);

Radial

HEX #393782 sur HEX #813671


Code CSS:

background-image: radial-gradient(circle, #393782 2%, #813671 96%);

 

HEX #813671 sur HEX #393782


Code CSS:

background-image: linear-gradient(135deg, #813671 0%, #393782 94%);

 

HEX #813671 sur HEX #393782


Code CSS:

background-image: radial-gradient(circle, #813671 4%, #393782 96%);

 

HEX #393782 sur HEX #538136


Code CSS:

background-image: linear-gradient(135deg, #393782 10%, #538136 94%);

 

HEX #393782 sur HEX #538136


Code CSS:

background-image: radial-gradient(circle, #393782 3%, #538136 100%);

 

HEX #538136 sur HEX #393782


Code CSS:

background-image: linear-gradient(135deg, #538136 0%, #393782 100%);

 

HEX #538136 sur HEX #393782


Code CSS:

background-image: radial-gradient(circle, #538136 8%, #393782 87%);

Linéaire

HEX #393782 sur HEX #813736


Code CSS:

background-image: linear-gradient(135deg, #393782 4%, #813736 97%);

Radial

HEX #393782 sur HEX #813736


Code CSS:

background-image: radial-gradient(circle, #393782 1%, #813736 96%);

 

HEX #813736 sur HEX #393782


Code CSS:

background-image: linear-gradient(135deg, #813736 3%, #393782 88%);

 

HEX #813736 sur HEX #393782


Code CSS:

background-image: radial-gradient(circle, #813736 9%, #393782 97%);

 

HEX #393782 sur HEX #368137


Code CSS:

background-image: linear-gradient(135deg, #393782 3%, #368137 88%);

 

HEX #393782 sur HEX #368137


Code CSS:

background-image: radial-gradient(circle, #393782 9%, #368137 98%);

 

HEX #368137 sur HEX #393782


Code CSS:

background-image: linear-gradient(135deg, #368137 4%, #393782 91%);

 

HEX #368137 sur HEX #393782


Code CSS:

background-image: radial-gradient(circle, #368137 14%, #393782 92%);

Linéaire

HEX #393782 sur HEX #813671


Code CSS:

background-image: linear-gradient(135deg, #393782 12%, #813671 96%);

Radial

HEX #393782 sur HEX #813671


Code CSS:

background-image: radial-gradient(circle, #393782 11%, #813671 90%);

 

HEX #813671 sur HEX #393782


Code CSS:

background-image: linear-gradient(135deg, #813671 1%, #393782 92%);

 

HEX #813671 sur HEX #393782


Code CSS:

background-image: radial-gradient(circle, #813671 4%, #393782 87%);

 

HEX #393782 sur HEX #808136


Code CSS:

background-image: linear-gradient(135deg, #393782 8%, #808136 90%);

 

HEX #393782 sur HEX #808136


Code CSS:

background-image: radial-gradient(circle, #393782 8%, #808136 95%);

 

HEX #808136 sur HEX #393782


Code CSS:

background-image: linear-gradient(135deg, #808136 11%, #393782 95%);

 

HEX #808136 sur HEX #393782


Code CSS:

background-image: radial-gradient(circle, #808136 3%, #393782 91%);

 

HEX #393782 sur HEX #368146


Code CSS:

background-image: linear-gradient(135deg, #393782 4%, #368146 99%);

 

HEX #393782 sur HEX #368146


Code CSS:

background-image: radial-gradient(circle, #393782 11%, #368146 95%);

 

HEX #368146 sur HEX #393782


Code CSS:

background-image: linear-gradient(135deg, #368146 8%, #393782 90%);

 

HEX #368146 sur HEX #393782


Code CSS:

background-image: radial-gradient(circle, #368146 14%, #393782 89%);

Linéaire

HEX #393782 sur HEX #81365A


Code CSS:

background-image: linear-gradient(135deg, #393782 4%, #81365A 93%);

Radial

HEX #393782 sur HEX #81365A


Code CSS:

background-image: radial-gradient(circle, #393782 7%, #81365A 87%);

 

HEX #81365A sur HEX #393782


Code CSS:

background-image: linear-gradient(135deg, #81365A 4%, #393782 94%);

 

HEX #81365A sur HEX #393782


Code CSS:

background-image: radial-gradient(circle, #81365A 1%, #393782 100%);

 

HEX #393782 sur HEX #808136


Code CSS:

background-image: linear-gradient(135deg, #393782 0%, #808136 89%);

 

HEX #393782 sur HEX #808136


Code CSS:

background-image: radial-gradient(circle, #393782 14%, #808136 93%);

 

HEX #808136 sur HEX #393782


Code CSS:

background-image: linear-gradient(135deg, #808136 14%, #393782 91%);

 

HEX #808136 sur HEX #393782


Code CSS:

background-image: radial-gradient(circle, #808136 1%, #393782 87%);

 

HEX #393782 sur HEX #36815D


Code CSS:

background-image: linear-gradient(135deg, #393782 0%, #36815D 100%);

 

HEX #393782 sur HEX #36815D


Code CSS:

background-image: radial-gradient(circle, #393782 13%, #36815D 90%);

 

HEX #36815D sur HEX #393782


Code CSS:

background-image: linear-gradient(135deg, #36815D 3%, #393782 95%);

 

HEX #36815D sur HEX #393782


Code CSS:

background-image: radial-gradient(circle, #36815D 9%, #393782 91%);

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

NCS® en Sherwin Williams®

convertir de Numéro NCS (S0000-X00X) sur Sherwin Williams® numéro (SW 0000)

Codes

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 - Designed by frag-bobby.de