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

✕

CSS Gradients:
CMYK 22 / 0 / 95 / 60

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 80 Rouge, 102 Vert et 5 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.
80 102 5 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 22 cyan, pas de magenta, 95 jaune et 60 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.
22% 0% 95% 60% 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 #506605 sur HEX #AF99FA


Code CSS:

background-image: linear-gradient(135deg, #506605 11%, #AF99FA 99%);

Radial

HEX #506605 sur HEX #AF99FA


Code CSS:

background-image: radial-gradient(circle, #506605 14%, #AF99FA 93%);

 

HEX #AF99FA sur HEX #506605


Code CSS:

background-image: linear-gradient(135deg, #AF99FA 10%, #506605 87%);

 

HEX #AF99FA sur HEX #506605


Code CSS:

background-image: radial-gradient(circle, #AF99FA 11%, #506605 97%);

Linéaire

HEX #506605 sur HEX #666104


Code CSS:

background-image: linear-gradient(135deg, #506605 9%, #666104 91%);

Radial

HEX #506605 sur HEX #666104


Code CSS:

background-image: radial-gradient(circle, #506605 1%, #666104 91%);

 

HEX #666104 sur HEX #506605


Code CSS:

background-image: linear-gradient(135deg, #666104 8%, #506605 91%);

 

HEX #666104 sur HEX #506605


Code CSS:

background-image: radial-gradient(circle, #666104 2%, #506605 92%);

 

HEX #506605 sur HEX #516604


Code CSS:

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

 

HEX #506605 sur HEX #516604


Code CSS:

background-image: radial-gradient(circle, #506605 14%, #516604 89%);

 

HEX #516604 sur HEX #506605


Code CSS:

background-image: linear-gradient(135deg, #516604 11%, #506605 86%);

 

HEX #516604 sur HEX #506605


Code CSS:

background-image: radial-gradient(circle, #516604 5%, #506605 86%);

 

HEX #506605 sur HEX #376604


Code CSS:

background-image: linear-gradient(135deg, #506605 5%, #376604 99%);

 

HEX #506605 sur HEX #376604


Code CSS:

background-image: radial-gradient(circle, #506605 6%, #376604 95%);

 

HEX #376604 sur HEX #506605


Code CSS:

background-image: linear-gradient(135deg, #376604 10%, #506605 88%);

 

HEX #376604 sur HEX #506605


Code CSS:

background-image: radial-gradient(circle, #376604 10%, #506605 96%);

 

HEX #506605 sur HEX #1D6604


Code CSS:

background-image: linear-gradient(135deg, #506605 5%, #1D6604 88%);

 

HEX #506605 sur HEX #1D6604


Code CSS:

background-image: radial-gradient(circle, #506605 5%, #1D6604 86%);

 

HEX #1D6604 sur HEX #506605


Code CSS:

background-image: linear-gradient(135deg, #1D6604 7%, #506605 98%);

 

HEX #1D6604 sur HEX #506605


Code CSS:

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

Linéaire

HEX #506605 sur HEX #313E02


Code CSS:

background-image: linear-gradient(135deg, #506605 10%, #313E02 90%);

Radial

HEX #506605 sur HEX #313E02


Code CSS:

background-image: radial-gradient(circle, #506605 2%, #313E02 89%);

 

HEX #313E02 sur HEX #506605


Code CSS:

background-image: linear-gradient(135deg, #313E02 4%, #506605 96%);

 

HEX #313E02 sur HEX #506605


Code CSS:

background-image: radial-gradient(circle, #313E02 2%, #506605 99%);

 

HEX #506605 sur HEX #506604


Code CSS:

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

 

HEX #506605 sur HEX #506604


Code CSS:

background-image: radial-gradient(circle, #506605 9%, #506604 94%);

 

HEX #506604 sur HEX #506605


Code CSS:

background-image: linear-gradient(135deg, #506604 2%, #506605 97%);

 

HEX #506604 sur HEX #506605


Code CSS:

background-image: radial-gradient(circle, #506604 12%, #506605 99%);

 

HEX #506605 sur HEX #6F8D06


Code CSS:

background-image: linear-gradient(135deg, #506605 10%, #6F8D06 95%);

 

HEX #506605 sur HEX #6F8D06


Code CSS:

background-image: radial-gradient(circle, #506605 14%, #6F8D06 90%);

 

HEX #6F8D06 sur HEX #506605


Code CSS:

background-image: linear-gradient(135deg, #6F8D06 14%, #506605 98%);

 

HEX #6F8D06 sur HEX #506605


Code CSS:

background-image: radial-gradient(circle, #6F8D06 1%, #506605 95%);

 

HEX #506605 sur HEX #8DB508


Code CSS:

background-image: linear-gradient(135deg, #506605 4%, #8DB508 100%);

 

HEX #506605 sur HEX #8DB508


Code CSS:

background-image: radial-gradient(circle, #506605 2%, #8DB508 97%);

 

HEX #8DB508 sur HEX #506605


Code CSS:

background-image: linear-gradient(135deg, #8DB508 12%, #506605 93%);

 

HEX #8DB508 sur HEX #506605


Code CSS:

background-image: radial-gradient(circle, #8DB508 13%, #506605 98%);

Linéaire

HEX #506605 sur HEX #666104


Code CSS:

background-image: linear-gradient(135deg, #506605 1%, #666104 87%);

Radial

HEX #506605 sur HEX #666104


Code CSS:

background-image: radial-gradient(circle, #506605 5%, #666104 87%);

 

HEX #666104 sur HEX #506605


Code CSS:

background-image: linear-gradient(135deg, #666104 11%, #506605 87%);

 

HEX #666104 sur HEX #506605


Code CSS:

background-image: radial-gradient(circle, #666104 8%, #506605 98%);

 

HEX #506605 sur HEX #516604


Code CSS:

background-image: linear-gradient(135deg, #506605 3%, #516604 93%);

 

HEX #506605 sur HEX #516604


Code CSS:

background-image: radial-gradient(circle, #506605 0%, #516604 86%);

 

HEX #516604 sur HEX #506605


Code CSS:

background-image: linear-gradient(135deg, #516604 4%, #506605 90%);

 

HEX #516604 sur HEX #506605


Code CSS:

background-image: radial-gradient(circle, #516604 4%, #506605 94%);

 

HEX #506605 sur HEX #376604


Code CSS:

background-image: linear-gradient(135deg, #506605 8%, #376604 89%);

 

HEX #506605 sur HEX #376604


Code CSS:

background-image: radial-gradient(circle, #506605 4%, #376604 99%);

 

HEX #376604 sur HEX #506605


Code CSS:

background-image: linear-gradient(135deg, #376604 1%, #506605 96%);

 

HEX #376604 sur HEX #506605


Code CSS:

background-image: radial-gradient(circle, #376604 12%, #506605 95%);

 

HEX #506605 sur HEX #1D6604


Code CSS:

background-image: linear-gradient(135deg, #506605 5%, #1D6604 87%);

 

HEX #506605 sur HEX #1D6604


Code CSS:

background-image: radial-gradient(circle, #506605 9%, #1D6604 96%);

 

HEX #1D6604 sur HEX #506605


Code CSS:

background-image: linear-gradient(135deg, #1D6604 11%, #506605 93%);

 

HEX #1D6604 sur HEX #506605


Code CSS:

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

Linéaire

HEX #506605 sur HEX #313E02


Code CSS:

background-image: linear-gradient(135deg, #506605 3%, #313E02 88%);

Radial

HEX #506605 sur HEX #313E02


Code CSS:

background-image: radial-gradient(circle, #506605 11%, #313E02 89%);

 

HEX #313E02 sur HEX #506605


Code CSS:

background-image: linear-gradient(135deg, #313E02 9%, #506605 89%);

 

HEX #313E02 sur HEX #506605


Code CSS:

background-image: radial-gradient(circle, #313E02 8%, #506605 86%);

 

HEX #506605 sur HEX #506604


Code CSS:

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

 

HEX #506605 sur HEX #506604


Code CSS:

background-image: radial-gradient(circle, #506605 9%, #506604 97%);

 

HEX #506604 sur HEX #506605


Code CSS:

background-image: linear-gradient(135deg, #506604 6%, #506605 90%);

 

HEX #506604 sur HEX #506605


Code CSS:

background-image: radial-gradient(circle, #506604 7%, #506605 87%);

 

HEX #506605 sur HEX #6F8D06


Code CSS:

background-image: linear-gradient(135deg, #506605 10%, #6F8D06 89%);

 

HEX #506605 sur HEX #6F8D06


Code CSS:

background-image: radial-gradient(circle, #506605 3%, #6F8D06 90%);

 

HEX #6F8D06 sur HEX #506605


Code CSS:

background-image: linear-gradient(135deg, #6F8D06 0%, #506605 87%);

 

HEX #6F8D06 sur HEX #506605


Code CSS:

background-image: radial-gradient(circle, #6F8D06 14%, #506605 90%);

 

HEX #506605 sur HEX #8DB508


Code CSS:

background-image: linear-gradient(135deg, #506605 0%, #8DB508 93%);

 

HEX #506605 sur HEX #8DB508


Code CSS:

background-image: radial-gradient(circle, #506605 11%, #8DB508 98%);

 

HEX #8DB508 sur HEX #506605


Code CSS:

background-image: linear-gradient(135deg, #8DB508 2%, #506605 93%);

 

HEX #8DB508 sur HEX #506605


Code CSS:

background-image: radial-gradient(circle, #8DB508 6%, #506605 88%);

Linéaire

HEX #506605 sur HEX #04662D


Code CSS:

background-image: linear-gradient(135deg, #506605 9%, #04662D 87%);

Radial

HEX #506605 sur HEX #04662D


Code CSS:

background-image: radial-gradient(circle, #506605 5%, #04662D 87%);

 

HEX #04662D sur HEX #506605


Code CSS:

background-image: linear-gradient(135deg, #04662D 14%, #506605 99%);

 

HEX #04662D sur HEX #506605


Code CSS:

background-image: radial-gradient(circle, #04662D 9%, #506605 95%);

 

HEX #506605 sur HEX #540466


Code CSS:

background-image: linear-gradient(135deg, #506605 12%, #540466 89%);

 

HEX #506605 sur HEX #540466


Code CSS:

background-image: radial-gradient(circle, #506605 13%, #540466 99%);

 

HEX #540466 sur HEX #506605


Code CSS:

background-image: linear-gradient(135deg, #540466 9%, #506605 86%);

 

HEX #540466 sur HEX #506605


Code CSS:

background-image: radial-gradient(circle, #540466 4%, #506605 93%);

Linéaire

HEX #506605 sur HEX #045166


Code CSS:

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

Radial

HEX #506605 sur HEX #045166


Code CSS:

background-image: radial-gradient(circle, #506605 6%, #045166 92%);

 

HEX #045166 sur HEX #506605


Code CSS:

background-image: linear-gradient(135deg, #045166 0%, #506605 96%);

 

HEX #045166 sur HEX #506605


Code CSS:

background-image: radial-gradient(circle, #045166 11%, #506605 99%);

 

HEX #506605 sur HEX #660451


Code CSS:

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

 

HEX #506605 sur HEX #660451


Code CSS:

background-image: radial-gradient(circle, #506605 14%, #660451 89%);

 

HEX #660451 sur HEX #506605


Code CSS:

background-image: linear-gradient(135deg, #660451 0%, #506605 96%);

 

HEX #660451 sur HEX #506605


Code CSS:

background-image: radial-gradient(circle, #660451 5%, #506605 94%);

Linéaire

HEX #506605 sur HEX #04662D


Code CSS:

background-image: linear-gradient(135deg, #506605 10%, #04662D 98%);

Radial

HEX #506605 sur HEX #04662D


Code CSS:

background-image: radial-gradient(circle, #506605 2%, #04662D 95%);

 

HEX #04662D sur HEX #506605


Code CSS:

background-image: linear-gradient(135deg, #04662D 2%, #506605 95%);

 

HEX #04662D sur HEX #506605


Code CSS:

background-image: radial-gradient(circle, #04662D 2%, #506605 86%);

 

HEX #506605 sur HEX #190466


Code CSS:

background-image: linear-gradient(135deg, #506605 5%, #190466 99%);

 

HEX #506605 sur HEX #190466


Code CSS:

background-image: radial-gradient(circle, #506605 14%, #190466 86%);

 

HEX #190466 sur HEX #506605


Code CSS:

background-image: linear-gradient(135deg, #190466 2%, #506605 96%);

 

HEX #190466 sur HEX #506605


Code CSS:

background-image: radial-gradient(circle, #190466 3%, #506605 86%);

 

HEX #506605 sur HEX #66043D


Code CSS:

background-image: linear-gradient(135deg, #506605 5%, #66043D 88%);

 

HEX #506605 sur HEX #66043D


Code CSS:

background-image: radial-gradient(circle, #506605 5%, #66043D 96%);

 

HEX #66043D sur HEX #506605


Code CSS:

background-image: linear-gradient(135deg, #66043D 0%, #506605 87%);

 

HEX #66043D sur HEX #506605


Code CSS:

background-image: radial-gradient(circle, #66043D 5%, #506605 86%);

Linéaire

HEX #506605 sur HEX #04664A


Code CSS:

background-image: linear-gradient(135deg, #506605 9%, #04664A 90%);

Radial

HEX #506605 sur HEX #04664A


Code CSS:

background-image: radial-gradient(circle, #506605 3%, #04664A 97%);

 

HEX #04664A sur HEX #506605


Code CSS:

background-image: linear-gradient(135deg, #04664A 4%, #506605 98%);

 

HEX #04664A sur HEX #506605


Code CSS:

background-image: radial-gradient(circle, #04664A 7%, #506605 97%);

 

HEX #506605 sur HEX #190466


Code CSS:

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

 

HEX #506605 sur HEX #190466


Code CSS:

background-image: radial-gradient(circle, #506605 10%, #190466 91%);

 

HEX #190466 sur HEX #506605


Code CSS:

background-image: linear-gradient(135deg, #190466 4%, #506605 98%);

 

HEX #190466 sur HEX #506605


Code CSS:

background-image: radial-gradient(circle, #190466 14%, #506605 88%);

 

HEX #506605 sur HEX #660420


Code CSS:

background-image: linear-gradient(135deg, #506605 3%, #660420 97%);

 

HEX #506605 sur HEX #660420


Code CSS:

background-image: radial-gradient(circle, #506605 0%, #660420 95%);

 

HEX #660420 sur HEX #506605


Code CSS:

background-image: linear-gradient(135deg, #660420 10%, #506605 100%);

 

HEX #660420 sur HEX #506605


Code CSS:

background-image: radial-gradient(circle, #660420 13%, #506605 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
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