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

CSS Gradients:
RGB 112 103 4

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 112 Rouge, 103 Vert et 4 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.
112 103 4 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, 8 magenta, 96 jaune et 56 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% 8% 96% 56% 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 #706704 sur HEX #8F98FB


Code CSS:

background-image: linear-gradient(135deg, #706704 5%, #8F98FB 88%);

Radial

HEX #706704 sur HEX #8F98FB


Code CSS:

background-image: radial-gradient(circle, #706704 3%, #8F98FB 94%);

 

HEX #8F98FB sur HEX #706704


Code CSS:

background-image: linear-gradient(135deg, #8F98FB 6%, #706704 87%);

 

HEX #8F98FB sur HEX #706704


Code CSS:

background-image: radial-gradient(circle, #8F98FB 14%, #706704 88%);

Linéaire

HEX #706704 sur HEX #714B04


Code CSS:

background-image: linear-gradient(135deg, #706704 5%, #714B04 89%);

Radial

HEX #706704 sur HEX #714B04


Code CSS:

background-image: radial-gradient(circle, #706704 6%, #714B04 98%);

 

HEX #714B04 sur HEX #706704


Code CSS:

background-image: linear-gradient(135deg, #714B04 9%, #706704 89%);

 

HEX #714B04 sur HEX #706704


Code CSS:

background-image: radial-gradient(circle, #714B04 0%, #706704 98%);

 

HEX #706704 sur HEX #716804


Code CSS:

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

 

HEX #706704 sur HEX #716804


Code CSS:

background-image: radial-gradient(circle, #706704 12%, #716804 90%);

 

HEX #716804 sur HEX #706704


Code CSS:

background-image: linear-gradient(135deg, #716804 13%, #706704 94%);

 

HEX #716804 sur HEX #706704


Code CSS:

background-image: radial-gradient(circle, #716804 7%, #706704 86%);

 

HEX #706704 sur HEX #5D7104


Code CSS:

background-image: linear-gradient(135deg, #706704 1%, #5D7104 97%);

 

HEX #706704 sur HEX #5D7104


Code CSS:

background-image: radial-gradient(circle, #706704 1%, #5D7104 100%);

 

HEX #5D7104 sur HEX #706704


Code CSS:

background-image: linear-gradient(135deg, #5D7104 14%, #706704 99%);

 

HEX #5D7104 sur HEX #706704


Code CSS:

background-image: radial-gradient(circle, #5D7104 14%, #706704 92%);

 

HEX #706704 sur HEX #407104


Code CSS:

background-image: linear-gradient(135deg, #706704 7%, #407104 89%);

 

HEX #706704 sur HEX #407104


Code CSS:

background-image: radial-gradient(circle, #706704 3%, #407104 98%);

 

HEX #407104 sur HEX #706704


Code CSS:

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

 

HEX #407104 sur HEX #706704


Code CSS:

background-image: radial-gradient(circle, #407104 5%, #706704 100%);

Linéaire

HEX #706704 sur HEX #494302


Code CSS:

background-image: linear-gradient(135deg, #706704 7%, #494302 97%);

Radial

HEX #706704 sur HEX #494302


Code CSS:

background-image: radial-gradient(circle, #706704 0%, #494302 89%);

 

HEX #494302 sur HEX #706704


Code CSS:

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

 

HEX #494302 sur HEX #706704


Code CSS:

background-image: radial-gradient(circle, #494302 5%, #706704 99%);

 

HEX #706704 sur HEX #716804


Code CSS:

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

 

HEX #706704 sur HEX #716804


Code CSS:

background-image: radial-gradient(circle, #706704 2%, #716804 97%);

 

HEX #716804 sur HEX #706704


Code CSS:

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

 

HEX #716804 sur HEX #706704


Code CSS:

background-image: radial-gradient(circle, #716804 12%, #706704 95%);

 

HEX #706704 sur HEX #998C05


Code CSS:

background-image: linear-gradient(135deg, #706704 6%, #998C05 86%);

 

HEX #706704 sur HEX #998C05


Code CSS:

background-image: radial-gradient(circle, #706704 13%, #998C05 99%);

 

HEX #998C05 sur HEX #706704


Code CSS:

background-image: linear-gradient(135deg, #998C05 7%, #706704 89%);

 

HEX #998C05 sur HEX #706704


Code CSS:

background-image: radial-gradient(circle, #998C05 5%, #706704 92%);

 

HEX #706704 sur HEX #C0B106


Code CSS:

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

 

HEX #706704 sur HEX #C0B106


Code CSS:

background-image: radial-gradient(circle, #706704 12%, #C0B106 89%);

 

HEX #C0B106 sur HEX #706704


Code CSS:

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

 

HEX #C0B106 sur HEX #706704


Code CSS:

background-image: radial-gradient(circle, #C0B106 6%, #706704 99%);

Linéaire

HEX #706704 sur HEX #714B04


Code CSS:

background-image: linear-gradient(135deg, #706704 13%, #714B04 97%);

Radial

HEX #706704 sur HEX #714B04


Code CSS:

background-image: radial-gradient(circle, #706704 7%, #714B04 87%);

 

HEX #714B04 sur HEX #706704


Code CSS:

background-image: linear-gradient(135deg, #714B04 3%, #706704 92%);

 

HEX #714B04 sur HEX #706704


Code CSS:

background-image: radial-gradient(circle, #714B04 6%, #706704 99%);

 

HEX #706704 sur HEX #716804


Code CSS:

background-image: linear-gradient(135deg, #706704 11%, #716804 88%);

 

HEX #706704 sur HEX #716804


Code CSS:

background-image: radial-gradient(circle, #706704 10%, #716804 95%);

 

HEX #716804 sur HEX #706704


Code CSS:

background-image: linear-gradient(135deg, #716804 11%, #706704 100%);

 

HEX #716804 sur HEX #706704


Code CSS:

background-image: radial-gradient(circle, #716804 6%, #706704 86%);

 

HEX #706704 sur HEX #5D7104


Code CSS:

background-image: linear-gradient(135deg, #706704 8%, #5D7104 95%);

 

HEX #706704 sur HEX #5D7104


Code CSS:

background-image: radial-gradient(circle, #706704 5%, #5D7104 86%);

 

HEX #5D7104 sur HEX #706704


Code CSS:

background-image: linear-gradient(135deg, #5D7104 12%, #706704 99%);

 

HEX #5D7104 sur HEX #706704


Code CSS:

background-image: radial-gradient(circle, #5D7104 0%, #706704 91%);

 

HEX #706704 sur HEX #407104


Code CSS:

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

 

HEX #706704 sur HEX #407104


Code CSS:

background-image: radial-gradient(circle, #706704 11%, #407104 89%);

 

HEX #407104 sur HEX #706704


Code CSS:

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

 

HEX #407104 sur HEX #706704


Code CSS:

background-image: radial-gradient(circle, #407104 1%, #706704 90%);

Linéaire

HEX #706704 sur HEX #494302


Code CSS:

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

Radial

HEX #706704 sur HEX #494302


Code CSS:

background-image: radial-gradient(circle, #706704 2%, #494302 97%);

 

HEX #494302 sur HEX #706704


Code CSS:

background-image: linear-gradient(135deg, #494302 7%, #706704 93%);

 

HEX #494302 sur HEX #706704


Code CSS:

background-image: radial-gradient(circle, #494302 6%, #706704 93%);

 

HEX #706704 sur HEX #716804


Code CSS:

background-image: linear-gradient(135deg, #706704 10%, #716804 96%);

 

HEX #706704 sur HEX #716804


Code CSS:

background-image: radial-gradient(circle, #706704 9%, #716804 95%);

 

HEX #716804 sur HEX #706704


Code CSS:

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

 

HEX #716804 sur HEX #706704


Code CSS:

background-image: radial-gradient(circle, #716804 2%, #706704 91%);

 

HEX #706704 sur HEX #998C05


Code CSS:

background-image: linear-gradient(135deg, #706704 0%, #998C05 87%);

 

HEX #706704 sur HEX #998C05


Code CSS:

background-image: radial-gradient(circle, #706704 3%, #998C05 89%);

 

HEX #998C05 sur HEX #706704


Code CSS:

background-image: linear-gradient(135deg, #998C05 9%, #706704 93%);

 

HEX #998C05 sur HEX #706704


Code CSS:

background-image: radial-gradient(circle, #998C05 4%, #706704 99%);

 

HEX #706704 sur HEX #C0B106


Code CSS:

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

 

HEX #706704 sur HEX #C0B106


Code CSS:

background-image: radial-gradient(circle, #706704 5%, #C0B106 90%);

 

HEX #C0B106 sur HEX #706704


Code CSS:

background-image: linear-gradient(135deg, #C0B106 7%, #706704 89%);

 

HEX #C0B106 sur HEX #706704


Code CSS:

background-image: radial-gradient(circle, #C0B106 14%, #706704 90%);

Linéaire

HEX #706704 sur HEX #047110


Code CSS:

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

Radial

HEX #706704 sur HEX #047110


Code CSS:

background-image: radial-gradient(circle, #706704 6%, #047110 93%);

 

HEX #047110 sur HEX #706704


Code CSS:

background-image: linear-gradient(135deg, #047110 9%, #706704 95%);

 

HEX #047110 sur HEX #706704


Code CSS:

background-image: radial-gradient(circle, #047110 0%, #706704 89%);

 

HEX #706704 sur HEX #3C0471


Code CSS:

background-image: linear-gradient(135deg, #706704 3%, #3C0471 99%);

 

HEX #706704 sur HEX #3C0471


Code CSS:

background-image: radial-gradient(circle, #706704 5%, #3C0471 89%);

 

HEX #3C0471 sur HEX #706704


Code CSS:

background-image: linear-gradient(135deg, #3C0471 0%, #706704 98%);

 

HEX #3C0471 sur HEX #706704


Code CSS:

background-image: radial-gradient(circle, #3C0471 12%, #706704 91%);

Linéaire

HEX #706704 sur HEX #047168


Code CSS:

background-image: linear-gradient(135deg, #706704 8%, #047168 88%);

Radial

HEX #706704 sur HEX #047168


Code CSS:

background-image: radial-gradient(circle, #706704 6%, #047168 90%);

 

HEX #047168 sur HEX #706704


Code CSS:

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

 

HEX #047168 sur HEX #706704


Code CSS:

background-image: radial-gradient(circle, #047168 11%, #706704 90%);

 

HEX #706704 sur HEX #680471


Code CSS:

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

 

HEX #706704 sur HEX #680471


Code CSS:

background-image: radial-gradient(circle, #706704 5%, #680471 100%);

 

HEX #680471 sur HEX #706704


Code CSS:

background-image: linear-gradient(135deg, #680471 11%, #706704 88%);

 

HEX #680471 sur HEX #706704


Code CSS:

background-image: radial-gradient(circle, #680471 5%, #706704 100%);

Linéaire

HEX #706704 sur HEX #047110


Code CSS:

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

Radial

HEX #706704 sur HEX #047110


Code CSS:

background-image: radial-gradient(circle, #706704 7%, #047110 86%);

 

HEX #047110 sur HEX #706704


Code CSS:

background-image: linear-gradient(135deg, #047110 12%, #706704 90%);

 

HEX #047110 sur HEX #706704


Code CSS:

background-image: radial-gradient(circle, #047110 0%, #706704 96%);

 

HEX #706704 sur HEX #040D71


Code CSS:

background-image: linear-gradient(135deg, #706704 6%, #040D71 98%);

 

HEX #706704 sur HEX #040D71


Code CSS:

background-image: radial-gradient(circle, #706704 1%, #040D71 100%);

 

HEX #040D71 sur HEX #706704


Code CSS:

background-image: linear-gradient(135deg, #040D71 6%, #706704 94%);

 

HEX #040D71 sur HEX #706704


Code CSS:

background-image: radial-gradient(circle, #040D71 14%, #706704 98%);

 

HEX #706704 sur HEX #710464


Code CSS:

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

 

HEX #706704 sur HEX #710464


Code CSS:

background-image: radial-gradient(circle, #706704 5%, #710464 100%);

 

HEX #710464 sur HEX #706704


Code CSS:

background-image: linear-gradient(135deg, #710464 4%, #706704 87%);

 

HEX #710464 sur HEX #706704


Code CSS:

background-image: radial-gradient(circle, #710464 14%, #706704 92%);

Linéaire

HEX #706704 sur HEX #047131


Code CSS:

background-image: linear-gradient(135deg, #706704 5%, #047131 97%);

Radial

HEX #706704 sur HEX #047131


Code CSS:

background-image: radial-gradient(circle, #706704 9%, #047131 91%);

 

HEX #047131 sur HEX #706704


Code CSS:

background-image: linear-gradient(135deg, #047131 12%, #706704 91%);

 

HEX #047131 sur HEX #706704


Code CSS:

background-image: radial-gradient(circle, #047131 12%, #706704 88%);

 

HEX #706704 sur HEX #040D71


Code CSS:

background-image: linear-gradient(135deg, #706704 3%, #040D71 88%);

 

HEX #706704 sur HEX #040D71


Code CSS:

background-image: radial-gradient(circle, #706704 8%, #040D71 94%);

 

HEX #040D71 sur HEX #706704


Code CSS:

background-image: linear-gradient(135deg, #040D71 11%, #706704 86%);

 

HEX #040D71 sur HEX #706704


Code CSS:

background-image: radial-gradient(circle, #040D71 10%, #706704 93%);

 

HEX #706704 sur HEX #710443


Code CSS:

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

 

HEX #706704 sur HEX #710443


Code CSS:

background-image: radial-gradient(circle, #706704 10%, #710443 94%);

 

HEX #710443 sur HEX #706704


Code CSS:

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

 

HEX #710443 sur HEX #706704


Code CSS:

background-image: radial-gradient(circle, #710443 5%, #706704 95%);

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.