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

✕

CSS Gradients:
CMYK 0 / 43 / 6 / 53

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 120 Rouge, 68 Vert et 113 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.
120 68 113 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, 43 magenta, 6 jaune et 53 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% 43% 6% 53% 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 #784471 sur HEX #87BB8E


Code CSS:

background-image: linear-gradient(135deg, #784471 11%, #87BB8E 97%);

Radial

HEX #784471 sur HEX #87BB8E


Code CSS:

background-image: radial-gradient(circle, #784471 5%, #87BB8E 99%);

 

HEX #87BB8E sur HEX #784471


Code CSS:

background-image: linear-gradient(135deg, #87BB8E 11%, #784471 93%);

 

HEX #87BB8E sur HEX #784471


Code CSS:

background-image: radial-gradient(circle, #87BB8E 4%, #784471 96%);

Linéaire

HEX #784471 sur HEX #714378


Code CSS:

background-image: linear-gradient(135deg, #784471 0%, #714378 90%);

Radial

HEX #784471 sur HEX #714378


Code CSS:

background-image: radial-gradient(circle, #784471 0%, #714378 93%);

 

HEX #714378 sur HEX #784471


Code CSS:

background-image: linear-gradient(135deg, #714378 14%, #784471 99%);

 

HEX #714378 sur HEX #784471


Code CSS:

background-image: radial-gradient(circle, #714378 3%, #784471 92%);

 

HEX #784471 sur HEX #784371


Code CSS:

background-image: linear-gradient(135deg, #784471 7%, #784371 100%);

 

HEX #784471 sur HEX #784371


Code CSS:

background-image: radial-gradient(circle, #784471 0%, #784371 87%);

 

HEX #784371 sur HEX #784471


Code CSS:

background-image: linear-gradient(135deg, #784371 9%, #784471 88%);

 

HEX #784371 sur HEX #784471


Code CSS:

background-image: radial-gradient(circle, #784371 6%, #784471 98%);

 

HEX #784471 sur HEX #784363


Code CSS:

background-image: linear-gradient(135deg, #784471 6%, #784363 88%);

 

HEX #784471 sur HEX #784363


Code CSS:

background-image: radial-gradient(circle, #784471 11%, #784363 87%);

 

HEX #784363 sur HEX #784471


Code CSS:

background-image: linear-gradient(135deg, #784363 9%, #784471 90%);

 

HEX #784363 sur HEX #784471


Code CSS:

background-image: radial-gradient(circle, #784363 6%, #784471 100%);

 

HEX #784471 sur HEX #784355


Code CSS:

background-image: linear-gradient(135deg, #784471 6%, #784355 97%);

 

HEX #784471 sur HEX #784355


Code CSS:

background-image: radial-gradient(circle, #784471 2%, #784355 88%);

 

HEX #784355 sur HEX #784471


Code CSS:

background-image: linear-gradient(135deg, #784355 9%, #784471 93%);

 

HEX #784355 sur HEX #784471


Code CSS:

background-image: radial-gradient(circle, #784355 1%, #784471 92%);

Linéaire

HEX #784471 sur HEX #5E3558


Code CSS:

background-image: linear-gradient(135deg, #784471 9%, #5E3558 90%);

Radial

HEX #784471 sur HEX #5E3558


Code CSS:

background-image: radial-gradient(circle, #784471 10%, #5E3558 91%);

 

HEX #5E3558 sur HEX #784471


Code CSS:

background-image: linear-gradient(135deg, #5E3558 9%, #784471 87%);

 

HEX #5E3558 sur HEX #784471


Code CSS:

background-image: radial-gradient(circle, #5E3558 2%, #784471 86%);

 

HEX #784471 sur HEX #784371


Code CSS:

background-image: linear-gradient(135deg, #784471 7%, #784371 99%);

 

HEX #784471 sur HEX #784371


Code CSS:

background-image: radial-gradient(circle, #784471 10%, #784371 98%);

 

HEX #784371 sur HEX #784471


Code CSS:

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

 

HEX #784371 sur HEX #784471


Code CSS:

background-image: radial-gradient(circle, #784371 2%, #784471 97%);

 

HEX #784471 sur HEX #93528A


Code CSS:

background-image: linear-gradient(135deg, #784471 11%, #93528A 94%);

 

HEX #784471 sur HEX #93528A


Code CSS:

background-image: radial-gradient(circle, #784471 11%, #93528A 86%);

 

HEX #93528A sur HEX #784471


Code CSS:

background-image: linear-gradient(135deg, #93528A 14%, #784471 96%);

 

HEX #93528A sur HEX #784471


Code CSS:

background-image: radial-gradient(circle, #93528A 12%, #784471 88%);

 

HEX #784471 sur HEX #A966A0


Code CSS:

background-image: linear-gradient(135deg, #784471 7%, #A966A0 94%);

 

HEX #784471 sur HEX #A966A0


Code CSS:

background-image: radial-gradient(circle, #784471 14%, #A966A0 87%);

 

HEX #A966A0 sur HEX #784471


Code CSS:

background-image: linear-gradient(135deg, #A966A0 7%, #784471 94%);

 

HEX #A966A0 sur HEX #784471


Code CSS:

background-image: radial-gradient(circle, #A966A0 3%, #784471 94%);

Linéaire

HEX #784471 sur HEX #714378


Code CSS:

background-image: linear-gradient(135deg, #784471 5%, #714378 89%);

Radial

HEX #784471 sur HEX #714378


Code CSS:

background-image: radial-gradient(circle, #784471 11%, #714378 88%);

 

HEX #714378 sur HEX #784471


Code CSS:

background-image: linear-gradient(135deg, #714378 12%, #784471 95%);

 

HEX #714378 sur HEX #784471


Code CSS:

background-image: radial-gradient(circle, #714378 12%, #784471 98%);

 

HEX #784471 sur HEX #784371


Code CSS:

background-image: linear-gradient(135deg, #784471 14%, #784371 99%);

 

HEX #784471 sur HEX #784371


Code CSS:

background-image: radial-gradient(circle, #784471 6%, #784371 87%);

 

HEX #784371 sur HEX #784471


Code CSS:

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

 

HEX #784371 sur HEX #784471


Code CSS:

background-image: radial-gradient(circle, #784371 1%, #784471 97%);

 

HEX #784471 sur HEX #784363


Code CSS:

background-image: linear-gradient(135deg, #784471 0%, #784363 91%);

 

HEX #784471 sur HEX #784363


Code CSS:

background-image: radial-gradient(circle, #784471 5%, #784363 96%);

 

HEX #784363 sur HEX #784471


Code CSS:

background-image: linear-gradient(135deg, #784363 12%, #784471 88%);

 

HEX #784363 sur HEX #784471


Code CSS:

background-image: radial-gradient(circle, #784363 6%, #784471 98%);

 

HEX #784471 sur HEX #784355


Code CSS:

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

 

HEX #784471 sur HEX #784355


Code CSS:

background-image: radial-gradient(circle, #784471 3%, #784355 92%);

 

HEX #784355 sur HEX #784471


Code CSS:

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

 

HEX #784355 sur HEX #784471


Code CSS:

background-image: radial-gradient(circle, #784355 10%, #784471 97%);

Linéaire

HEX #784471 sur HEX #5E3558


Code CSS:

background-image: linear-gradient(135deg, #784471 5%, #5E3558 96%);

Radial

HEX #784471 sur HEX #5E3558


Code CSS:

background-image: radial-gradient(circle, #784471 3%, #5E3558 86%);

 

HEX #5E3558 sur HEX #784471


Code CSS:

background-image: linear-gradient(135deg, #5E3558 7%, #784471 93%);

 

HEX #5E3558 sur HEX #784471


Code CSS:

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

 

HEX #784471 sur HEX #784371


Code CSS:

background-image: linear-gradient(135deg, #784471 7%, #784371 90%);

 

HEX #784471 sur HEX #784371


Code CSS:

background-image: radial-gradient(circle, #784471 0%, #784371 99%);

 

HEX #784371 sur HEX #784471


Code CSS:

background-image: linear-gradient(135deg, #784371 5%, #784471 93%);

 

HEX #784371 sur HEX #784471


Code CSS:

background-image: radial-gradient(circle, #784371 0%, #784471 86%);

 

HEX #784471 sur HEX #93528A


Code CSS:

background-image: linear-gradient(135deg, #784471 8%, #93528A 94%);

 

HEX #784471 sur HEX #93528A


Code CSS:

background-image: radial-gradient(circle, #784471 12%, #93528A 91%);

 

HEX #93528A sur HEX #784471


Code CSS:

background-image: linear-gradient(135deg, #93528A 8%, #784471 94%);

 

HEX #93528A sur HEX #784471


Code CSS:

background-image: radial-gradient(circle, #93528A 7%, #784471 99%);

 

HEX #784471 sur HEX #A966A0


Code CSS:

background-image: linear-gradient(135deg, #784471 9%, #A966A0 96%);

 

HEX #784471 sur HEX #A966A0


Code CSS:

background-image: radial-gradient(circle, #784471 10%, #A966A0 91%);

 

HEX #A966A0 sur HEX #784471


Code CSS:

background-image: linear-gradient(135deg, #A966A0 3%, #784471 91%);

 

HEX #A966A0 sur HEX #784471


Code CSS:

background-image: radial-gradient(circle, #A966A0 1%, #784471 93%);

Linéaire

HEX #784471 sur HEX #785543


Code CSS:

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

Radial

HEX #784471 sur HEX #785543


Code CSS:

background-image: radial-gradient(circle, #784471 6%, #785543 93%);

 

HEX #785543 sur HEX #784471


Code CSS:

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

 

HEX #785543 sur HEX #784471


Code CSS:

background-image: radial-gradient(circle, #785543 13%, #784471 99%);

 

HEX #784471 sur HEX #43786A


Code CSS:

background-image: linear-gradient(135deg, #784471 11%, #43786A 99%);

 

HEX #784471 sur HEX #43786A


Code CSS:

background-image: radial-gradient(circle, #784471 8%, #43786A 99%);

 

HEX #43786A sur HEX #784471


Code CSS:

background-image: linear-gradient(135deg, #43786A 4%, #784471 97%);

 

HEX #43786A sur HEX #784471


Code CSS:

background-image: radial-gradient(circle, #43786A 13%, #784471 99%);

Linéaire

HEX #784471 sur HEX #717843


Code CSS:

background-image: linear-gradient(135deg, #784471 7%, #717843 88%);

Radial

HEX #784471 sur HEX #717843


Code CSS:

background-image: radial-gradient(circle, #784471 1%, #717843 87%);

 

HEX #717843 sur HEX #784471


Code CSS:

background-image: linear-gradient(135deg, #717843 2%, #784471 87%);

 

HEX #717843 sur HEX #784471


Code CSS:

background-image: radial-gradient(circle, #717843 2%, #784471 93%);

 

HEX #784471 sur HEX #437178


Code CSS:

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

 

HEX #784471 sur HEX #437178


Code CSS:

background-image: radial-gradient(circle, #784471 2%, #437178 90%);

 

HEX #437178 sur HEX #784471


Code CSS:

background-image: linear-gradient(135deg, #437178 5%, #784471 96%);

 

HEX #437178 sur HEX #784471


Code CSS:

background-image: radial-gradient(circle, #437178 2%, #784471 93%);

Linéaire

HEX #784471 sur HEX #785543


Code CSS:

background-image: linear-gradient(135deg, #784471 14%, #785543 86%);

Radial

HEX #784471 sur HEX #785543


Code CSS:

background-image: radial-gradient(circle, #784471 13%, #785543 95%);

 

HEX #785543 sur HEX #784471


Code CSS:

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

 

HEX #785543 sur HEX #784471


Code CSS:

background-image: radial-gradient(circle, #785543 6%, #784471 99%);

 

HEX #784471 sur HEX #43784A


Code CSS:

background-image: linear-gradient(135deg, #784471 9%, #43784A 96%);

 

HEX #784471 sur HEX #43784A


Code CSS:

background-image: radial-gradient(circle, #784471 6%, #43784A 99%);

 

HEX #43784A sur HEX #784471


Code CSS:

background-image: linear-gradient(135deg, #43784A 10%, #784471 95%);

 

HEX #43784A sur HEX #784471


Code CSS:

background-image: radial-gradient(circle, #43784A 3%, #784471 87%);

 

HEX #784471 sur HEX #436778


Code CSS:

background-image: linear-gradient(135deg, #784471 7%, #436778 95%);

 

HEX #784471 sur HEX #436778


Code CSS:

background-image: radial-gradient(circle, #784471 7%, #436778 94%);

 

HEX #436778 sur HEX #784471


Code CSS:

background-image: linear-gradient(135deg, #436778 12%, #784471 100%);

 

HEX #436778 sur HEX #784471


Code CSS:

background-image: radial-gradient(circle, #436778 13%, #784471 99%);

Linéaire

HEX #784471 sur HEX #786543


Code CSS:

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

Radial

HEX #784471 sur HEX #786543


Code CSS:

background-image: radial-gradient(circle, #784471 1%, #786543 86%);

 

HEX #786543 sur HEX #784471


Code CSS:

background-image: linear-gradient(135deg, #786543 0%, #784471 87%);

 

HEX #786543 sur HEX #784471


Code CSS:

background-image: radial-gradient(circle, #786543 6%, #784471 87%);

 

HEX #784471 sur HEX #43784A


Code CSS:

background-image: linear-gradient(135deg, #784471 2%, #43784A 91%);

 

HEX #784471 sur HEX #43784A


Code CSS:

background-image: radial-gradient(circle, #784471 7%, #43784A 96%);

 

HEX #43784A sur HEX #784471


Code CSS:

background-image: linear-gradient(135deg, #43784A 8%, #784471 100%);

 

HEX #43784A sur HEX #784471


Code CSS:

background-image: radial-gradient(circle, #43784A 12%, #784471 93%);

 

HEX #784471 sur HEX #435778


Code CSS:

background-image: linear-gradient(135deg, #784471 2%, #435778 86%);

 

HEX #784471 sur HEX #435778


Code CSS:

background-image: radial-gradient(circle, #784471 1%, #435778 98%);

 

HEX #435778 sur HEX #784471


Code CSS:

background-image: linear-gradient(135deg, #435778 1%, #784471 86%);

 

HEX #435778 sur HEX #784471


Code CSS:

background-image: radial-gradient(circle, #435778 13%, #784471 100%);

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