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

✕

CSS Gradients:
RGB 171 172 175

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 171 Rouge, 172 Vert et 175 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.
171 172 175 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 2 cyan, 2 magenta, pas de jaune et 31 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.
2% 2% 0% 31% 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 #ABACAF sur HEX #545350


Code CSS:

background-image: linear-gradient(135deg, #ABACAF 4%, #545350 94%);

Radial

HEX #ABACAF sur HEX #545350


Code CSS:

background-image: radial-gradient(circle, #ABACAF 5%, #545350 100%);

 

HEX #545350 sur HEX #ABACAF


Code CSS:

background-image: linear-gradient(135deg, #545350 6%, #ABACAF 100%);

 

HEX #545350 sur HEX #ABACAF


Code CSS:

background-image: radial-gradient(circle, #545350 3%, #ABACAF 89%);

Linéaire

HEX #ABACAF sur HEX #ABADAF


Code CSS:

background-image: linear-gradient(135deg, #ABACAF 4%, #ABADAF 95%);

Radial

HEX #ABACAF sur HEX #ABADAF


Code CSS:

background-image: radial-gradient(circle, #ABACAF 13%, #ABADAF 96%);

 

HEX #ABADAF sur HEX #ABACAF


Code CSS:

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

 

HEX #ABADAF sur HEX #ABACAF


Code CSS:

background-image: radial-gradient(circle, #ABADAF 9%, #ABACAF 94%);

 

HEX #ABACAF sur HEX #ABABAF


Code CSS:

background-image: linear-gradient(135deg, #ABACAF 11%, #ABABAF 93%);

 

HEX #ABACAF sur HEX #ABABAF


Code CSS:

background-image: radial-gradient(circle, #ABACAF 10%, #ABABAF 94%);

 

HEX #ABABAF sur HEX #ABACAF


Code CSS:

background-image: linear-gradient(135deg, #ABABAF 5%, #ABACAF 87%);

 

HEX #ABABAF sur HEX #ABACAF


Code CSS:

background-image: radial-gradient(circle, #ABABAF 14%, #ABACAF 90%);

 

HEX #ABACAF sur HEX #ACABAF


Code CSS:

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

 

HEX #ABACAF sur HEX #ACABAF


Code CSS:

background-image: radial-gradient(circle, #ABACAF 3%, #ACABAF 99%);

 

HEX #ACABAF sur HEX #ABACAF


Code CSS:

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

 

HEX #ACABAF sur HEX #ABACAF


Code CSS:

background-image: radial-gradient(circle, #ACABAF 5%, #ABACAF 89%);

Linéaire

HEX #ABACAF sur HEX #96979A


Code CSS:

background-image: linear-gradient(135deg, #ABACAF 5%, #96979A 99%);

Radial

HEX #ABACAF sur HEX #96979A


Code CSS:

background-image: radial-gradient(circle, #ABACAF 5%, #96979A 86%);

 

HEX #96979A sur HEX #ABACAF


Code CSS:

background-image: linear-gradient(135deg, #96979A 13%, #ABACAF 95%);

 

HEX #96979A sur HEX #ABACAF


Code CSS:

background-image: radial-gradient(circle, #96979A 3%, #ABACAF 100%);

 

HEX #ABACAF sur HEX #C0C1C3


Code CSS:

background-image: linear-gradient(135deg, #ABACAF 12%, #C0C1C3 97%);

 

HEX #ABACAF sur HEX #C0C1C3


Code CSS:

background-image: radial-gradient(circle, #ABACAF 10%, #C0C1C3 100%);

 

HEX #C0C1C3 sur HEX #ABACAF


Code CSS:

background-image: linear-gradient(135deg, #C0C1C3 0%, #ABACAF 99%);

 

HEX #C0C1C3 sur HEX #ABACAF


Code CSS:

background-image: radial-gradient(circle, #C0C1C3 12%, #ABACAF 88%);

 

HEX #ABACAF sur HEX #D5D6D7


Code CSS:

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

 

HEX #ABACAF sur HEX #D5D6D7


Code CSS:

background-image: radial-gradient(circle, #ABACAF 14%, #D5D6D7 99%);

 

HEX #D5D6D7 sur HEX #ABACAF


Code CSS:

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

 

HEX #D5D6D7 sur HEX #ABACAF


Code CSS:

background-image: radial-gradient(circle, #D5D6D7 9%, #ABACAF 94%);

Linéaire

HEX #ABACAF sur HEX #ABADAF


Code CSS:

background-image: linear-gradient(135deg, #ABACAF 8%, #ABADAF 93%);

Radial

HEX #ABACAF sur HEX #ABADAF


Code CSS:

background-image: radial-gradient(circle, #ABACAF 9%, #ABADAF 91%);

 

HEX #ABADAF sur HEX #ABACAF


Code CSS:

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

 

HEX #ABADAF sur HEX #ABACAF


Code CSS:

background-image: radial-gradient(circle, #ABADAF 3%, #ABACAF 96%);

 

HEX #ABACAF sur HEX #ABABAF


Code CSS:

background-image: linear-gradient(135deg, #ABACAF 2%, #ABABAF 90%);

 

HEX #ABACAF sur HEX #ABABAF


Code CSS:

background-image: radial-gradient(circle, #ABACAF 1%, #ABABAF 90%);

 

HEX #ABABAF sur HEX #ABACAF


Code CSS:

background-image: linear-gradient(135deg, #ABABAF 5%, #ABACAF 86%);

 

HEX #ABABAF sur HEX #ABACAF


Code CSS:

background-image: radial-gradient(circle, #ABABAF 14%, #ABACAF 91%);

 

HEX #ABACAF sur HEX #ACABAF


Code CSS:

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

 

HEX #ABACAF sur HEX #ACABAF


Code CSS:

background-image: radial-gradient(circle, #ABACAF 14%, #ACABAF 94%);

 

HEX #ACABAF sur HEX #ABACAF


Code CSS:

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

 

HEX #ACABAF sur HEX #ABACAF


Code CSS:

background-image: radial-gradient(circle, #ACABAF 14%, #ABACAF 97%);

Linéaire

HEX #ABACAF sur HEX #96979A


Code CSS:

background-image: linear-gradient(135deg, #ABACAF 11%, #96979A 88%);

Radial

HEX #ABACAF sur HEX #96979A


Code CSS:

background-image: radial-gradient(circle, #ABACAF 11%, #96979A 87%);

 

HEX #96979A sur HEX #ABACAF


Code CSS:

background-image: linear-gradient(135deg, #96979A 6%, #ABACAF 94%);

 

HEX #96979A sur HEX #ABACAF


Code CSS:

background-image: radial-gradient(circle, #96979A 2%, #ABACAF 94%);

 

HEX #ABACAF sur HEX #C0C1C3


Code CSS:

background-image: linear-gradient(135deg, #ABACAF 3%, #C0C1C3 90%);

 

HEX #ABACAF sur HEX #C0C1C3


Code CSS:

background-image: radial-gradient(circle, #ABACAF 3%, #C0C1C3 88%);

 

HEX #C0C1C3 sur HEX #ABACAF


Code CSS:

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

 

HEX #C0C1C3 sur HEX #ABACAF


Code CSS:

background-image: radial-gradient(circle, #C0C1C3 3%, #ABACAF 95%);

 

HEX #ABACAF sur HEX #D5D6D7


Code CSS:

background-image: linear-gradient(135deg, #ABACAF 1%, #D5D6D7 91%);

 

HEX #ABACAF sur HEX #D5D6D7


Code CSS:

background-image: radial-gradient(circle, #ABACAF 6%, #D5D6D7 87%);

 

HEX #D5D6D7 sur HEX #ABACAF


Code CSS:

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

 

HEX #D5D6D7 sur HEX #ABACAF


Code CSS:

background-image: radial-gradient(circle, #D5D6D7 7%, #ABACAF 89%);

Linéaire

HEX #ABACAF sur HEX #AEABAF


Code CSS:

background-image: linear-gradient(135deg, #ABACAF 7%, #AEABAF 91%);

Radial

HEX #ABACAF sur HEX #AEABAF


Code CSS:

background-image: radial-gradient(circle, #ABACAF 5%, #AEABAF 92%);

 

HEX #AEABAF sur HEX #ABACAF


Code CSS:

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

 

HEX #AEABAF sur HEX #ABACAF


Code CSS:

background-image: radial-gradient(circle, #AEABAF 9%, #ABACAF 96%);

 

HEX #ABACAF sur HEX #ADAFAB


Code CSS:

background-image: linear-gradient(135deg, #ABACAF 5%, #ADAFAB 91%);

 

HEX #ABACAF sur HEX #ADAFAB


Code CSS:

background-image: radial-gradient(circle, #ABACAF 8%, #ADAFAB 86%);

 

HEX #ADAFAB sur HEX #ABACAF


Code CSS:

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

 

HEX #ADAFAB sur HEX #ABACAF


Code CSS:

background-image: radial-gradient(circle, #ADAFAB 10%, #ABACAF 88%);

Linéaire

HEX #ABACAF sur HEX #AFABAC


Code CSS:

background-image: linear-gradient(135deg, #ABACAF 9%, #AFABAC 98%);

Radial

HEX #ABACAF sur HEX #AFABAC


Code CSS:

background-image: radial-gradient(circle, #ABACAF 8%, #AFABAC 96%);

 

HEX #AFABAC sur HEX #ABACAF


Code CSS:

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

 

HEX #AFABAC sur HEX #ABACAF


Code CSS:

background-image: radial-gradient(circle, #AFABAC 7%, #ABACAF 88%);

 

HEX #ABACAF sur HEX #ACAFAB


Code CSS:

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

 

HEX #ABACAF sur HEX #ACAFAB


Code CSS:

background-image: radial-gradient(circle, #ABACAF 11%, #ACAFAB 94%);

 

HEX #ACAFAB sur HEX #ABACAF


Code CSS:

background-image: linear-gradient(135deg, #ACAFAB 0%, #ABACAF 88%);

 

HEX #ACAFAB sur HEX #ABACAF


Code CSS:

background-image: radial-gradient(circle, #ACAFAB 11%, #ABACAF 91%);

Linéaire

HEX #ABACAF sur HEX #AEABAF


Code CSS:

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

Radial

HEX #ABACAF sur HEX #AEABAF


Code CSS:

background-image: radial-gradient(circle, #ABACAF 10%, #AEABAF 96%);

 

HEX #AEABAF sur HEX #ABACAF


Code CSS:

background-image: linear-gradient(135deg, #AEABAF 10%, #ABACAF 99%);

 

HEX #AEABAF sur HEX #ABACAF


Code CSS:

background-image: radial-gradient(circle, #AEABAF 7%, #ABACAF 98%);

 

HEX #ABACAF sur HEX #AFAEAB


Code CSS:

background-image: linear-gradient(135deg, #ABACAF 5%, #AFAEAB 91%);

 

HEX #ABACAF sur HEX #AFAEAB


Code CSS:

background-image: radial-gradient(circle, #ABACAF 6%, #AFAEAB 94%);

 

HEX #AFAEAB sur HEX #ABACAF


Code CSS:

background-image: linear-gradient(135deg, #AFAEAB 11%, #ABACAF 96%);

 

HEX #AFAEAB sur HEX #ABACAF


Code CSS:

background-image: radial-gradient(circle, #AFAEAB 0%, #ABACAF 87%);

 

HEX #ABACAF sur HEX #ABAFAB


Code CSS:

background-image: linear-gradient(135deg, #ABACAF 6%, #ABAFAB 87%);

 

HEX #ABACAF sur HEX #ABAFAB


Code CSS:

background-image: radial-gradient(circle, #ABACAF 12%, #ABAFAB 94%);

 

HEX #ABAFAB sur HEX #ABACAF


Code CSS:

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

 

HEX #ABAFAB sur HEX #ABACAF


Code CSS:

background-image: radial-gradient(circle, #ABAFAB 11%, #ABACAF 97%);

Linéaire

HEX #ABACAF sur HEX #AFABAE


Code CSS:

background-image: linear-gradient(135deg, #ABACAF 1%, #AFABAE 97%);

Radial

HEX #ABACAF sur HEX #AFABAE


Code CSS:

background-image: radial-gradient(circle, #ABACAF 10%, #AFABAE 92%);

 

HEX #AFABAE sur HEX #ABACAF


Code CSS:

background-image: linear-gradient(135deg, #AFABAE 6%, #ABACAF 100%);

 

HEX #AFABAE sur HEX #ABACAF


Code CSS:

background-image: radial-gradient(circle, #AFABAE 11%, #ABACAF 96%);

 

HEX #ABACAF sur HEX #AFAEAB


Code CSS:

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

 

HEX #ABACAF sur HEX #AFAEAB


Code CSS:

background-image: radial-gradient(circle, #ABACAF 8%, #AFAEAB 91%);

 

HEX #AFAEAB sur HEX #ABACAF


Code CSS:

background-image: linear-gradient(135deg, #AFAEAB 2%, #ABACAF 99%);

 

HEX #AFAEAB sur HEX #ABACAF


Code CSS:

background-image: radial-gradient(circle, #AFAEAB 7%, #ABACAF 100%);

 

HEX #ABACAF sur HEX #ABAFAC


Code CSS:

background-image: linear-gradient(135deg, #ABACAF 8%, #ABAFAC 100%);

 

HEX #ABACAF sur HEX #ABAFAC


Code CSS:

background-image: radial-gradient(circle, #ABACAF 11%, #ABAFAC 96%);

 

HEX #ABAFAC sur HEX #ABACAF


Code CSS:

background-image: linear-gradient(135deg, #ABAFAC 14%, #ABACAF 97%);

 

HEX #ABAFAC sur HEX #ABACAF


Code CSS:

background-image: radial-gradient(circle, #ABAFAC 7%, #ABACAF 93%);

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