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

CSS Gradients:
RGB 153 103 6

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 153 Rouge, 103 Vert et 6 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.
153 103 6 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, 33 magenta, 96 jaune et 40 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% 33% 96% 40% 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 #996706 sur HEX #6698F9


Code CSS:

background-image: linear-gradient(135deg, #996706 9%, #6698F9 88%);

Radial

HEX #996706 sur HEX #6698F9


Code CSS:

background-image: radial-gradient(circle, #996706 4%, #6698F9 92%);

 

HEX #6698F9 sur HEX #996706


Code CSS:

background-image: linear-gradient(135deg, #6698F9 8%, #996706 97%);

 

HEX #6698F9 sur HEX #996706


Code CSS:

background-image: radial-gradient(circle, #6698F9 3%, #996706 86%);

Linéaire

HEX #996706 sur HEX #973E06


Code CSS:

background-image: linear-gradient(135deg, #996706 6%, #973E06 100%);

Radial

HEX #996706 sur HEX #973E06


Code CSS:

background-image: radial-gradient(circle, #996706 9%, #973E06 97%);

 

HEX #973E06 sur HEX #996706


Code CSS:

background-image: linear-gradient(135deg, #973E06 4%, #996706 99%);

 

HEX #973E06 sur HEX #996706


Code CSS:

background-image: radial-gradient(circle, #973E06 14%, #996706 98%);

 

HEX #996706 sur HEX #976406


Code CSS:

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

 

HEX #996706 sur HEX #976406


Code CSS:

background-image: radial-gradient(circle, #996706 11%, #976406 93%);

 

HEX #976406 sur HEX #996706


Code CSS:

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

 

HEX #976406 sur HEX #996706


Code CSS:

background-image: radial-gradient(circle, #976406 4%, #996706 88%);

 

HEX #996706 sur HEX #978B06


Code CSS:

background-image: linear-gradient(135deg, #996706 4%, #978B06 98%);

 

HEX #996706 sur HEX #978B06


Code CSS:

background-image: radial-gradient(circle, #996706 1%, #978B06 86%);

 

HEX #978B06 sur HEX #996706


Code CSS:

background-image: linear-gradient(135deg, #978B06 11%, #996706 93%);

 

HEX #978B06 sur HEX #996706


Code CSS:

background-image: radial-gradient(circle, #978B06 10%, #996706 92%);

 

HEX #996706 sur HEX #7D9706


Code CSS:

background-image: linear-gradient(135deg, #996706 9%, #7D9706 90%);

 

HEX #996706 sur HEX #7D9706


Code CSS:

background-image: radial-gradient(circle, #996706 11%, #7D9706 97%);

 

HEX #7D9706 sur HEX #996706


Code CSS:

background-image: linear-gradient(135deg, #7D9706 14%, #996706 87%);

 

HEX #7D9706 sur HEX #996706


Code CSS:

background-image: radial-gradient(circle, #7D9706 12%, #996706 99%);

Linéaire

HEX #996706 sur HEX #704B04


Code CSS:

background-image: linear-gradient(135deg, #996706 3%, #704B04 87%);

Radial

HEX #996706 sur HEX #704B04


Code CSS:

background-image: radial-gradient(circle, #996706 0%, #704B04 100%);

 

HEX #704B04 sur HEX #996706


Code CSS:

background-image: linear-gradient(135deg, #704B04 10%, #996706 95%);

 

HEX #704B04 sur HEX #996706


Code CSS:

background-image: radial-gradient(circle, #704B04 7%, #996706 86%);

 

HEX #996706 sur HEX #976606


Code CSS:

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

 

HEX #996706 sur HEX #976606


Code CSS:

background-image: radial-gradient(circle, #996706 1%, #976606 86%);

 

HEX #976606 sur HEX #996706


Code CSS:

background-image: linear-gradient(135deg, #976606 13%, #996706 93%);

 

HEX #976606 sur HEX #996706


Code CSS:

background-image: radial-gradient(circle, #976606 7%, #996706 98%);

 

HEX #996706 sur HEX #BF8007


Code CSS:

background-image: linear-gradient(135deg, #996706 14%, #BF8007 98%);

 

HEX #996706 sur HEX #BF8007


Code CSS:

background-image: radial-gradient(circle, #996706 5%, #BF8007 95%);

 

HEX #BF8007 sur HEX #996706


Code CSS:

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

 

HEX #BF8007 sur HEX #996706


Code CSS:

background-image: radial-gradient(circle, #BF8007 2%, #996706 95%);

 

HEX #996706 sur HEX #E69B09


Code CSS:

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

 

HEX #996706 sur HEX #E69B09


Code CSS:

background-image: radial-gradient(circle, #996706 8%, #E69B09 90%);

 

HEX #E69B09 sur HEX #996706


Code CSS:

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

 

HEX #E69B09 sur HEX #996706


Code CSS:

background-image: radial-gradient(circle, #E69B09 13%, #996706 90%);

Linéaire

HEX #996706 sur HEX #973E06


Code CSS:

background-image: linear-gradient(135deg, #996706 1%, #973E06 92%);

Radial

HEX #996706 sur HEX #973E06


Code CSS:

background-image: radial-gradient(circle, #996706 5%, #973E06 88%);

 

HEX #973E06 sur HEX #996706


Code CSS:

background-image: linear-gradient(135deg, #973E06 8%, #996706 95%);

 

HEX #973E06 sur HEX #996706


Code CSS:

background-image: radial-gradient(circle, #973E06 7%, #996706 88%);

 

HEX #996706 sur HEX #976406


Code CSS:

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

 

HEX #996706 sur HEX #976406


Code CSS:

background-image: radial-gradient(circle, #996706 13%, #976406 92%);

 

HEX #976406 sur HEX #996706


Code CSS:

background-image: linear-gradient(135deg, #976406 14%, #996706 100%);

 

HEX #976406 sur HEX #996706


Code CSS:

background-image: radial-gradient(circle, #976406 3%, #996706 89%);

 

HEX #996706 sur HEX #978B06


Code CSS:

background-image: linear-gradient(135deg, #996706 4%, #978B06 93%);

 

HEX #996706 sur HEX #978B06


Code CSS:

background-image: radial-gradient(circle, #996706 6%, #978B06 97%);

 

HEX #978B06 sur HEX #996706


Code CSS:

background-image: linear-gradient(135deg, #978B06 1%, #996706 96%);

 

HEX #978B06 sur HEX #996706


Code CSS:

background-image: radial-gradient(circle, #978B06 2%, #996706 92%);

 

HEX #996706 sur HEX #7D9706


Code CSS:

background-image: linear-gradient(135deg, #996706 3%, #7D9706 99%);

 

HEX #996706 sur HEX #7D9706


Code CSS:

background-image: radial-gradient(circle, #996706 9%, #7D9706 98%);

 

HEX #7D9706 sur HEX #996706


Code CSS:

background-image: linear-gradient(135deg, #7D9706 13%, #996706 90%);

 

HEX #7D9706 sur HEX #996706


Code CSS:

background-image: radial-gradient(circle, #7D9706 13%, #996706 93%);

Linéaire

HEX #996706 sur HEX #704B04


Code CSS:

background-image: linear-gradient(135deg, #996706 11%, #704B04 92%);

Radial

HEX #996706 sur HEX #704B04


Code CSS:

background-image: radial-gradient(circle, #996706 14%, #704B04 92%);

 

HEX #704B04 sur HEX #996706


Code CSS:

background-image: linear-gradient(135deg, #704B04 3%, #996706 96%);

 

HEX #704B04 sur HEX #996706


Code CSS:

background-image: radial-gradient(circle, #704B04 2%, #996706 86%);

 

HEX #996706 sur HEX #976606


Code CSS:

background-image: linear-gradient(135deg, #996706 1%, #976606 98%);

 

HEX #996706 sur HEX #976606


Code CSS:

background-image: radial-gradient(circle, #996706 2%, #976606 97%);

 

HEX #976606 sur HEX #996706


Code CSS:

background-image: linear-gradient(135deg, #976606 5%, #996706 95%);

 

HEX #976606 sur HEX #996706


Code CSS:

background-image: radial-gradient(circle, #976606 4%, #996706 89%);

 

HEX #996706 sur HEX #BF8007


Code CSS:

background-image: linear-gradient(135deg, #996706 9%, #BF8007 87%);

 

HEX #996706 sur HEX #BF8007


Code CSS:

background-image: radial-gradient(circle, #996706 10%, #BF8007 97%);

 

HEX #BF8007 sur HEX #996706


Code CSS:

background-image: linear-gradient(135deg, #BF8007 3%, #996706 89%);

 

HEX #BF8007 sur HEX #996706


Code CSS:

background-image: radial-gradient(circle, #BF8007 8%, #996706 96%);

 

HEX #996706 sur HEX #E69B09


Code CSS:

background-image: linear-gradient(135deg, #996706 2%, #E69B09 88%);

 

HEX #996706 sur HEX #E69B09


Code CSS:

background-image: radial-gradient(circle, #996706 4%, #E69B09 86%);

 

HEX #E69B09 sur HEX #996706


Code CSS:

background-image: linear-gradient(135deg, #E69B09 8%, #996706 97%);

 

HEX #E69B09 sur HEX #996706


Code CSS:

background-image: radial-gradient(circle, #E69B09 14%, #996706 98%);

Linéaire

HEX #996706 sur HEX #1C9706


Code CSS:

background-image: linear-gradient(135deg, #996706 10%, #1C9706 94%);

Radial

HEX #996706 sur HEX #1C9706


Code CSS:

background-image: radial-gradient(circle, #996706 12%, #1C9706 87%);

 

HEX #1C9706 sur HEX #996706


Code CSS:

background-image: linear-gradient(135deg, #1C9706 4%, #996706 95%);

 

HEX #1C9706 sur HEX #996706


Code CSS:

background-image: radial-gradient(circle, #1C9706 7%, #996706 96%);

 

HEX #996706 sur HEX #2A0697


Code CSS:

background-image: linear-gradient(135deg, #996706 11%, #2A0697 97%);

 

HEX #996706 sur HEX #2A0697


Code CSS:

background-image: radial-gradient(circle, #996706 7%, #2A0697 96%);

 

HEX #2A0697 sur HEX #996706


Code CSS:

background-image: linear-gradient(135deg, #2A0697 4%, #996706 99%);

 

HEX #2A0697 sur HEX #996706


Code CSS:

background-image: radial-gradient(circle, #2A0697 8%, #996706 93%);

Linéaire

HEX #996706 sur HEX #069764


Code CSS:

background-image: linear-gradient(135deg, #996706 0%, #069764 86%);

Radial

HEX #996706 sur HEX #069764


Code CSS:

background-image: radial-gradient(circle, #996706 6%, #069764 94%);

 

HEX #069764 sur HEX #996706


Code CSS:

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

 

HEX #069764 sur HEX #996706


Code CSS:

background-image: radial-gradient(circle, #069764 1%, #996706 93%);

 

HEX #996706 sur HEX #640697


Code CSS:

background-image: linear-gradient(135deg, #996706 1%, #640697 88%);

 

HEX #996706 sur HEX #640697


Code CSS:

background-image: radial-gradient(circle, #996706 9%, #640697 93%);

 

HEX #640697 sur HEX #996706


Code CSS:

background-image: linear-gradient(135deg, #640697 3%, #996706 92%);

 

HEX #640697 sur HEX #996706


Code CSS:

background-image: radial-gradient(circle, #640697 7%, #996706 98%);

Linéaire

HEX #996706 sur HEX #1C9706


Code CSS:

background-image: linear-gradient(135deg, #996706 13%, #1C9706 89%);

Radial

HEX #996706 sur HEX #1C9706


Code CSS:

background-image: radial-gradient(circle, #996706 10%, #1C9706 86%);

 

HEX #1C9706 sur HEX #996706


Code CSS:

background-image: linear-gradient(135deg, #1C9706 1%, #996706 95%);

 

HEX #1C9706 sur HEX #996706


Code CSS:

background-image: radial-gradient(circle, #1C9706 6%, #996706 97%);

 

HEX #996706 sur HEX #063997


Code CSS:

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

 

HEX #996706 sur HEX #063997


Code CSS:

background-image: radial-gradient(circle, #996706 14%, #063997 98%);

 

HEX #063997 sur HEX #996706


Code CSS:

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

 

HEX #063997 sur HEX #996706


Code CSS:

background-image: radial-gradient(circle, #063997 8%, #996706 98%);

 

HEX #996706 sur HEX #810697


Code CSS:

background-image: linear-gradient(135deg, #996706 4%, #810697 92%);

 

HEX #996706 sur HEX #810697


Code CSS:

background-image: radial-gradient(circle, #996706 13%, #810697 94%);

 

HEX #810697 sur HEX #996706


Code CSS:

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

 

HEX #810697 sur HEX #996706


Code CSS:

background-image: radial-gradient(circle, #810697 4%, #996706 86%);

Linéaire

HEX #996706 sur HEX #06971C


Code CSS:

background-image: linear-gradient(135deg, #996706 9%, #06971C 96%);

Radial

HEX #996706 sur HEX #06971C


Code CSS:

background-image: radial-gradient(circle, #996706 14%, #06971C 87%);

 

HEX #06971C sur HEX #996706


Code CSS:

background-image: linear-gradient(135deg, #06971C 12%, #996706 93%);

 

HEX #06971C sur HEX #996706


Code CSS:

background-image: radial-gradient(circle, #06971C 14%, #996706 94%);

 

HEX #996706 sur HEX #063997


Code CSS:

background-image: linear-gradient(135deg, #996706 9%, #063997 99%);

 

HEX #996706 sur HEX #063997


Code CSS:

background-image: radial-gradient(circle, #996706 0%, #063997 89%);

 

HEX #063997 sur HEX #996706


Code CSS:

background-image: linear-gradient(135deg, #063997 8%, #996706 96%);

 

HEX #063997 sur HEX #996706


Code CSS:

background-image: radial-gradient(circle, #063997 6%, #996706 91%);

 

HEX #996706 sur HEX #970681


Code CSS:

background-image: linear-gradient(135deg, #996706 11%, #970681 94%);

 

HEX #996706 sur HEX #970681


Code CSS:

background-image: radial-gradient(circle, #996706 6%, #970681 89%);

 

HEX #970681 sur HEX #996706


Code CSS:

background-image: linear-gradient(135deg, #970681 11%, #996706 91%);

 

HEX #970681 sur HEX #996706


Code CSS:

background-image: radial-gradient(circle, #970681 1%, #996706 96%);

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

CMYK en HEX

convertir de CMYK cyan / magenta / jaune / key sur #RRGGBB

CMYK en RGB

convertir de CMYK cyan / magenta / jaune / key sur RGB rouge vert bleu

CMYK en RAL®

convertir de CMYK cyan / magenta / jaune / key sur Numéro RAL® (RAL 0000)

CMYK en HKS®

convertir de CMYK cyan / magenta / jaune / key sur Numéro HKS® (HKS 00)

CMYK en PANTONE®

convertir de CMYK cyan / magenta / jaune / key sur Numéro Pantone® (Pantone 0000)

CMYK en Sherwin Williams®

convertir de CMYK cyan / magenta / jaune / key sur Sherwin Williams® numéro (SW 0000)

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

NCS® en RGB

convertir de Numéro NCS (S0000-X00X) sur RGB rouge vert bleu

NCS® en CMYK

convertir de Numéro NCS (S0000-X00X) sur CMYK cyan / magenta / jaune / key

Icons

NCS® en HEX

convertir de Numéro NCS (S0000-X00X) sur #RRGGBB

NCS® en RAL®

convertir de Numéro NCS (S0000-X00X) sur Numéro RAL® (RAL 0000)

NCS® en HKS®

convertir de Numéro NCS (S0000-X00X) sur Numéro HKS® (HKS 00)

NCS® en PANTONE®

convertir de Numéro NCS (S0000-X00X) sur Numéro Pantone® (Pantone 0000)

NCS® en Sherwin Williams®

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

Codes

Pour pouvoir enregistrer des palettes de couleurs, tu dois être connecté.

Se connecter à ton compte

ou

Créer un compte

Partager la palette de couleurs actuelle
Doit-elle être publique ou privée?
Les liens suivent après le partage.

Annuler Partager

Palette de couleurs partagée
Veuillez copier et enregistrer le lien que vous souhaitez.

Partager

OK, j'ai copié les liens

Tes couleurs sont enregistrées dans une nouvelle palette de couleurs.
Vois-la sous ton profil.
Tu peux la personnaliser davantage et la partager.

Afficher la palette de couleurs
Fermer

Créer une palette de couleurs

TéléchargerTélécharger dans différents formats

Tout supprimer

En cliquant sur , tu peux créer des palettes et télécharger les nuanciers.