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

CSS Gradients:
RGB 102 37 8

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 102 Rouge, 37 Vert et 8 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.
102 37 8 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, 64 magenta, 92 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.
0% 64% 92% 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 #662508 sur HEX #99DAF7


Code CSS:

background-image: linear-gradient(135deg, #662508 12%, #99DAF7 87%);

Radial

HEX #662508 sur HEX #99DAF7


Code CSS:

background-image: radial-gradient(circle, #662508 9%, #99DAF7 93%);

 

HEX #99DAF7 sur HEX #662508


Code CSS:

background-image: linear-gradient(135deg, #99DAF7 10%, #662508 91%);

 

HEX #99DAF7 sur HEX #662508


Code CSS:

background-image: radial-gradient(circle, #99DAF7 7%, #662508 93%);

Linéaire

HEX #662508 sur HEX #670B08


Code CSS:

background-image: linear-gradient(135deg, #662508 0%, #670B08 99%);

Radial

HEX #662508 sur HEX #670B08


Code CSS:

background-image: radial-gradient(circle, #662508 5%, #670B08 91%);

 

HEX #670B08 sur HEX #662508


Code CSS:

background-image: linear-gradient(135deg, #670B08 4%, #662508 87%);

 

HEX #670B08 sur HEX #662508


Code CSS:

background-image: radial-gradient(circle, #670B08 4%, #662508 88%);

 

HEX #662508 sur HEX #672508


Code CSS:

background-image: linear-gradient(135deg, #662508 5%, #672508 98%);

 

HEX #662508 sur HEX #672508


Code CSS:

background-image: radial-gradient(circle, #662508 2%, #672508 96%);

 

HEX #672508 sur HEX #662508


Code CSS:

background-image: linear-gradient(135deg, #672508 14%, #662508 89%);

 

HEX #672508 sur HEX #662508


Code CSS:

background-image: radial-gradient(circle, #672508 1%, #662508 88%);

 

HEX #662508 sur HEX #673E08


Code CSS:

background-image: linear-gradient(135deg, #662508 13%, #673E08 90%);

 

HEX #662508 sur HEX #673E08


Code CSS:

background-image: radial-gradient(circle, #662508 2%, #673E08 91%);

 

HEX #673E08 sur HEX #662508


Code CSS:

background-image: linear-gradient(135deg, #673E08 11%, #662508 95%);

 

HEX #673E08 sur HEX #662508


Code CSS:

background-image: radial-gradient(circle, #673E08 5%, #662508 88%);

 

HEX #662508 sur HEX #675708


Code CSS:

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

 

HEX #662508 sur HEX #675708


Code CSS:

background-image: radial-gradient(circle, #662508 10%, #675708 91%);

 

HEX #675708 sur HEX #662508


Code CSS:

background-image: linear-gradient(135deg, #675708 14%, #662508 93%);

 

HEX #675708 sur HEX #662508


Code CSS:

background-image: radial-gradient(circle, #675708 9%, #662508 87%);

Linéaire

HEX #662508 sur HEX #411705


Code CSS:

background-image: linear-gradient(135deg, #662508 2%, #411705 94%);

Radial

HEX #662508 sur HEX #411705


Code CSS:

background-image: radial-gradient(circle, #662508 13%, #411705 100%);

 

HEX #411705 sur HEX #662508


Code CSS:

background-image: linear-gradient(135deg, #411705 7%, #662508 96%);

 

HEX #411705 sur HEX #662508


Code CSS:

background-image: radial-gradient(circle, #411705 5%, #662508 91%);

 

HEX #662508 sur HEX #672508


Code CSS:

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

 

HEX #662508 sur HEX #672508


Code CSS:

background-image: radial-gradient(circle, #662508 14%, #672508 86%);

 

HEX #672508 sur HEX #662508


Code CSS:

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

 

HEX #672508 sur HEX #662508


Code CSS:

background-image: radial-gradient(circle, #672508 11%, #662508 98%);

 

HEX #662508 sur HEX #8D330B


Code CSS:

background-image: linear-gradient(135deg, #662508 4%, #8D330B 97%);

 

HEX #662508 sur HEX #8D330B


Code CSS:

background-image: radial-gradient(circle, #662508 14%, #8D330B 87%);

 

HEX #8D330B sur HEX #662508


Code CSS:

background-image: linear-gradient(135deg, #8D330B 13%, #662508 96%);

 

HEX #8D330B sur HEX #662508


Code CSS:

background-image: radial-gradient(circle, #8D330B 12%, #662508 86%);

 

HEX #662508 sur HEX #B4410E


Code CSS:

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

 

HEX #662508 sur HEX #B4410E


Code CSS:

background-image: radial-gradient(circle, #662508 12%, #B4410E 86%);

 

HEX #B4410E sur HEX #662508


Code CSS:

background-image: linear-gradient(135deg, #B4410E 4%, #662508 91%);

 

HEX #B4410E sur HEX #662508


Code CSS:

background-image: radial-gradient(circle, #B4410E 6%, #662508 91%);

Linéaire

HEX #662508 sur HEX #670B08


Code CSS:

background-image: linear-gradient(135deg, #662508 3%, #670B08 87%);

Radial

HEX #662508 sur HEX #670B08


Code CSS:

background-image: radial-gradient(circle, #662508 14%, #670B08 94%);

 

HEX #670B08 sur HEX #662508


Code CSS:

background-image: linear-gradient(135deg, #670B08 0%, #662508 88%);

 

HEX #670B08 sur HEX #662508


Code CSS:

background-image: radial-gradient(circle, #670B08 8%, #662508 100%);

 

HEX #662508 sur HEX #672508


Code CSS:

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

 

HEX #662508 sur HEX #672508


Code CSS:

background-image: radial-gradient(circle, #662508 7%, #672508 93%);

 

HEX #672508 sur HEX #662508


Code CSS:

background-image: linear-gradient(135deg, #672508 4%, #662508 97%);

 

HEX #672508 sur HEX #662508


Code CSS:

background-image: radial-gradient(circle, #672508 6%, #662508 96%);

 

HEX #662508 sur HEX #673E08


Code CSS:

background-image: linear-gradient(135deg, #662508 0%, #673E08 88%);

 

HEX #662508 sur HEX #673E08


Code CSS:

background-image: radial-gradient(circle, #662508 1%, #673E08 95%);

 

HEX #673E08 sur HEX #662508


Code CSS:

background-image: linear-gradient(135deg, #673E08 10%, #662508 91%);

 

HEX #673E08 sur HEX #662508


Code CSS:

background-image: radial-gradient(circle, #673E08 0%, #662508 97%);

 

HEX #662508 sur HEX #675708


Code CSS:

background-image: linear-gradient(135deg, #662508 5%, #675708 90%);

 

HEX #662508 sur HEX #675708


Code CSS:

background-image: radial-gradient(circle, #662508 0%, #675708 94%);

 

HEX #675708 sur HEX #662508


Code CSS:

background-image: linear-gradient(135deg, #675708 10%, #662508 98%);

 

HEX #675708 sur HEX #662508


Code CSS:

background-image: radial-gradient(circle, #675708 8%, #662508 95%);

Linéaire

HEX #662508 sur HEX #411705


Code CSS:

background-image: linear-gradient(135deg, #662508 2%, #411705 95%);

Radial

HEX #662508 sur HEX #411705


Code CSS:

background-image: radial-gradient(circle, #662508 13%, #411705 89%);

 

HEX #411705 sur HEX #662508


Code CSS:

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

 

HEX #411705 sur HEX #662508


Code CSS:

background-image: radial-gradient(circle, #411705 3%, #662508 97%);

 

HEX #662508 sur HEX #672508


Code CSS:

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

 

HEX #662508 sur HEX #672508


Code CSS:

background-image: radial-gradient(circle, #662508 11%, #672508 87%);

 

HEX #672508 sur HEX #662508


Code CSS:

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

 

HEX #672508 sur HEX #662508


Code CSS:

background-image: radial-gradient(circle, #672508 8%, #662508 93%);

 

HEX #662508 sur HEX #8D330B


Code CSS:

background-image: linear-gradient(135deg, #662508 0%, #8D330B 97%);

 

HEX #662508 sur HEX #8D330B


Code CSS:

background-image: radial-gradient(circle, #662508 11%, #8D330B 95%);

 

HEX #8D330B sur HEX #662508


Code CSS:

background-image: linear-gradient(135deg, #8D330B 10%, #662508 98%);

 

HEX #8D330B sur HEX #662508


Code CSS:

background-image: radial-gradient(circle, #8D330B 8%, #662508 90%);

 

HEX #662508 sur HEX #B4410E


Code CSS:

background-image: linear-gradient(135deg, #662508 8%, #B4410E 98%);

 

HEX #662508 sur HEX #B4410E


Code CSS:

background-image: radial-gradient(circle, #662508 10%, #B4410E 92%);

 

HEX #B4410E sur HEX #662508


Code CSS:

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

 

HEX #B4410E sur HEX #662508


Code CSS:

background-image: radial-gradient(circle, #B4410E 5%, #662508 93%);

Linéaire

HEX #662508 sur HEX #386708


Code CSS:

background-image: linear-gradient(135deg, #662508 14%, #386708 96%);

Radial

HEX #662508 sur HEX #386708


Code CSS:

background-image: radial-gradient(circle, #662508 10%, #386708 90%);

 

HEX #386708 sur HEX #662508


Code CSS:

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

 

HEX #386708 sur HEX #662508


Code CSS:

background-image: radial-gradient(circle, #386708 4%, #662508 100%);

 

HEX #662508 sur HEX #081167


Code CSS:

background-image: linear-gradient(135deg, #662508 7%, #081167 87%);

 

HEX #662508 sur HEX #081167


Code CSS:

background-image: radial-gradient(circle, #662508 7%, #081167 95%);

 

HEX #081167 sur HEX #662508


Code CSS:

background-image: linear-gradient(135deg, #081167 13%, #662508 86%);

 

HEX #081167 sur HEX #662508


Code CSS:

background-image: radial-gradient(circle, #081167 2%, #662508 93%);

Linéaire

HEX #662508 sur HEX #086725


Code CSS:

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

Radial

HEX #662508 sur HEX #086725


Code CSS:

background-image: radial-gradient(circle, #662508 8%, #086725 94%);

 

HEX #086725 sur HEX #662508


Code CSS:

background-image: linear-gradient(135deg, #086725 8%, #662508 92%);

 

HEX #086725 sur HEX #662508


Code CSS:

background-image: radial-gradient(circle, #086725 3%, #662508 98%);

 

HEX #662508 sur HEX #250867


Code CSS:

background-image: linear-gradient(135deg, #662508 3%, #250867 94%);

 

HEX #662508 sur HEX #250867


Code CSS:

background-image: radial-gradient(circle, #662508 2%, #250867 95%);

 

HEX #250867 sur HEX #662508


Code CSS:

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

 

HEX #250867 sur HEX #662508


Code CSS:

background-image: radial-gradient(circle, #250867 6%, #662508 89%);

Linéaire

HEX #662508 sur HEX #386708


Code CSS:

background-image: linear-gradient(135deg, #662508 8%, #386708 99%);

Radial

HEX #662508 sur HEX #386708


Code CSS:

background-image: radial-gradient(circle, #662508 2%, #386708 87%);

 

HEX #386708 sur HEX #662508


Code CSS:

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

 

HEX #386708 sur HEX #662508


Code CSS:

background-image: radial-gradient(circle, #386708 2%, #662508 89%);

 

HEX #662508 sur HEX #084B67


Code CSS:

background-image: linear-gradient(135deg, #662508 11%, #084B67 93%);

 

HEX #662508 sur HEX #084B67


Code CSS:

background-image: radial-gradient(circle, #662508 7%, #084B67 91%);

 

HEX #084B67 sur HEX #662508


Code CSS:

background-image: linear-gradient(135deg, #084B67 10%, #662508 92%);

 

HEX #084B67 sur HEX #662508


Code CSS:

background-image: radial-gradient(circle, #084B67 6%, #662508 94%);

 

HEX #662508 sur HEX #380867


Code CSS:

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

 

HEX #662508 sur HEX #380867


Code CSS:

background-image: radial-gradient(circle, #662508 1%, #380867 91%);

 

HEX #380867 sur HEX #662508


Code CSS:

background-image: linear-gradient(135deg, #380867 10%, #662508 90%);

 

HEX #380867 sur HEX #662508


Code CSS:

background-image: radial-gradient(circle, #380867 8%, #662508 91%);

Linéaire

HEX #662508 sur HEX #1B6708


Code CSS:

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

Radial

HEX #662508 sur HEX #1B6708


Code CSS:

background-image: radial-gradient(circle, #662508 5%, #1B6708 94%);

 

HEX #1B6708 sur HEX #662508


Code CSS:

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

 

HEX #1B6708 sur HEX #662508


Code CSS:

background-image: radial-gradient(circle, #1B6708 14%, #662508 95%);

 

HEX #662508 sur HEX #084B67


Code CSS:

background-image: linear-gradient(135deg, #662508 5%, #084B67 92%);

 

HEX #662508 sur HEX #084B67


Code CSS:

background-image: radial-gradient(circle, #662508 8%, #084B67 94%);

 

HEX #084B67 sur HEX #662508


Code CSS:

background-image: linear-gradient(135deg, #084B67 11%, #662508 95%);

 

HEX #084B67 sur HEX #662508


Code CSS:

background-image: radial-gradient(circle, #084B67 4%, #662508 86%);

 

HEX #662508 sur HEX #540867


Code CSS:

background-image: linear-gradient(135deg, #662508 4%, #540867 100%);

 

HEX #662508 sur HEX #540867


Code CSS:

background-image: radial-gradient(circle, #662508 6%, #540867 93%);

 

HEX #540867 sur HEX #662508


Code CSS:

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

 

HEX #540867 sur HEX #662508


Code CSS:

background-image: radial-gradient(circle, #540867 9%, #662508 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.