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

error rgb: 86.9_56.2_3

CSS Gradients:
RGB 86.9 56.2 3

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 86.9 Rouge, 56.2 Vert et 3 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.
86.9 56.2 3 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, 35 magenta, 97 jaune et 66 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% 35% 97% 66% 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 #563803 sur HEX #A8C6FC


Code CSS:

background-image: linear-gradient(135deg, #563803 10%, #A8C6FC 89%);

Radial

HEX #563803 sur HEX #A8C6FC


Code CSS:

background-image: radial-gradient(circle, #563803 3%, #A8C6FC 94%);

 

HEX #A8C6FC sur HEX #563803


Code CSS:

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

 

HEX #A8C6FC sur HEX #563803


Code CSS:

background-image: radial-gradient(circle, #A8C6FC 12%, #563803 97%);

Linéaire

HEX #563803 sur HEX #582203


Code CSS:

background-image: linear-gradient(135deg, #563803 3%, #582203 87%);

Radial

HEX #563803 sur HEX #582203


Code CSS:

background-image: radial-gradient(circle, #563803 7%, #582203 93%);

 

HEX #582203 sur HEX #563803


Code CSS:

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

 

HEX #582203 sur HEX #563803


Code CSS:

background-image: radial-gradient(circle, #582203 3%, #563803 96%);

 

HEX #563803 sur HEX #583903


Code CSS:

background-image: linear-gradient(135deg, #563803 7%, #583903 94%);

 

HEX #563803 sur HEX #583903


Code CSS:

background-image: radial-gradient(circle, #563803 12%, #583903 92%);

 

HEX #583903 sur HEX #563803


Code CSS:

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

 

HEX #583903 sur HEX #563803


Code CSS:

background-image: radial-gradient(circle, #583903 7%, #563803 98%);

 

HEX #563803 sur HEX #585003


Code CSS:

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

 

HEX #563803 sur HEX #585003


Code CSS:

background-image: radial-gradient(circle, #563803 1%, #585003 88%);

 

HEX #585003 sur HEX #563803


Code CSS:

background-image: linear-gradient(135deg, #585003 0%, #563803 93%);

 

HEX #585003 sur HEX #563803


Code CSS:

background-image: radial-gradient(circle, #585003 10%, #563803 86%);

 

HEX #563803 sur HEX #4A5803


Code CSS:

background-image: linear-gradient(135deg, #563803 12%, #4A5803 89%);

 

HEX #563803 sur HEX #4A5803


Code CSS:

background-image: radial-gradient(circle, #563803 8%, #4A5803 98%);

 

HEX #4A5803 sur HEX #563803


Code CSS:

background-image: linear-gradient(135deg, #4A5803 12%, #563803 87%);

 

HEX #4A5803 sur HEX #563803


Code CSS:

background-image: radial-gradient(circle, #4A5803 9%, #563803 99%);

Linéaire

HEX #563803 sur HEX #301F01


Code CSS:

background-image: linear-gradient(135deg, #563803 3%, #301F01 91%);

Radial

HEX #563803 sur HEX #301F01


Code CSS:

background-image: radial-gradient(circle, #563803 10%, #301F01 99%);

 

HEX #301F01 sur HEX #563803


Code CSS:

background-image: linear-gradient(135deg, #301F01 8%, #563803 91%);

 

HEX #301F01 sur HEX #563803


Code CSS:

background-image: radial-gradient(circle, #301F01 9%, #563803 95%);

 

HEX #563803 sur HEX #583903


Code CSS:

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

 

HEX #563803 sur HEX #583903


Code CSS:

background-image: radial-gradient(circle, #563803 4%, #583903 86%);

 

HEX #583903 sur HEX #563803


Code CSS:

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

 

HEX #583903 sur HEX #563803


Code CSS:

background-image: radial-gradient(circle, #583903 12%, #563803 91%);

 

HEX #563803 sur HEX #805304


Code CSS:

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

 

HEX #563803 sur HEX #805304


Code CSS:

background-image: radial-gradient(circle, #563803 11%, #805304 98%);

 

HEX #805304 sur HEX #563803


Code CSS:

background-image: linear-gradient(135deg, #805304 10%, #563803 97%);

 

HEX #805304 sur HEX #563803


Code CSS:

background-image: radial-gradient(circle, #805304 12%, #563803 96%);

 

HEX #563803 sur HEX #A86C06


Code CSS:

background-image: linear-gradient(135deg, #563803 12%, #A86C06 98%);

 

HEX #563803 sur HEX #A86C06


Code CSS:

background-image: radial-gradient(circle, #563803 1%, #A86C06 90%);

 

HEX #A86C06 sur HEX #563803


Code CSS:

background-image: linear-gradient(135deg, #A86C06 12%, #563803 88%);

 

HEX #A86C06 sur HEX #563803


Code CSS:

background-image: radial-gradient(circle, #A86C06 8%, #563803 97%);

Linéaire

HEX #563803 sur HEX #582203


Code CSS:

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

Radial

HEX #563803 sur HEX #582203


Code CSS:

background-image: radial-gradient(circle, #563803 3%, #582203 100%);

 

HEX #582203 sur HEX #563803


Code CSS:

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

 

HEX #582203 sur HEX #563803


Code CSS:

background-image: radial-gradient(circle, #582203 12%, #563803 99%);

 

HEX #563803 sur HEX #583903


Code CSS:

background-image: linear-gradient(135deg, #563803 9%, #583903 94%);

 

HEX #563803 sur HEX #583903


Code CSS:

background-image: radial-gradient(circle, #563803 12%, #583903 89%);

 

HEX #583903 sur HEX #563803


Code CSS:

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

 

HEX #583903 sur HEX #563803


Code CSS:

background-image: radial-gradient(circle, #583903 10%, #563803 93%);

 

HEX #563803 sur HEX #585003


Code CSS:

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

 

HEX #563803 sur HEX #585003


Code CSS:

background-image: radial-gradient(circle, #563803 5%, #585003 98%);

 

HEX #585003 sur HEX #563803


Code CSS:

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

 

HEX #585003 sur HEX #563803


Code CSS:

background-image: radial-gradient(circle, #585003 8%, #563803 89%);

 

HEX #563803 sur HEX #4A5803


Code CSS:

background-image: linear-gradient(135deg, #563803 7%, #4A5803 90%);

 

HEX #563803 sur HEX #4A5803


Code CSS:

background-image: radial-gradient(circle, #563803 7%, #4A5803 93%);

 

HEX #4A5803 sur HEX #563803


Code CSS:

background-image: linear-gradient(135deg, #4A5803 0%, #563803 92%);

 

HEX #4A5803 sur HEX #563803


Code CSS:

background-image: radial-gradient(circle, #4A5803 14%, #563803 94%);

Linéaire

HEX #563803 sur HEX #301F01


Code CSS:

background-image: linear-gradient(135deg, #563803 4%, #301F01 97%);

Radial

HEX #563803 sur HEX #301F01


Code CSS:

background-image: radial-gradient(circle, #563803 13%, #301F01 100%);

 

HEX #301F01 sur HEX #563803


Code CSS:

background-image: linear-gradient(135deg, #301F01 8%, #563803 98%);

 

HEX #301F01 sur HEX #563803


Code CSS:

background-image: radial-gradient(circle, #301F01 12%, #563803 88%);

 

HEX #563803 sur HEX #583903


Code CSS:

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

 

HEX #563803 sur HEX #583903


Code CSS:

background-image: radial-gradient(circle, #563803 0%, #583903 89%);

 

HEX #583903 sur HEX #563803


Code CSS:

background-image: linear-gradient(135deg, #583903 10%, #563803 95%);

 

HEX #583903 sur HEX #563803


Code CSS:

background-image: radial-gradient(circle, #583903 3%, #563803 87%);

 

HEX #563803 sur HEX #805304


Code CSS:

background-image: linear-gradient(135deg, #563803 14%, #805304 95%);

 

HEX #563803 sur HEX #805304


Code CSS:

background-image: radial-gradient(circle, #563803 11%, #805304 89%);

 

HEX #805304 sur HEX #563803


Code CSS:

background-image: linear-gradient(135deg, #805304 0%, #563803 93%);

 

HEX #805304 sur HEX #563803


Code CSS:

background-image: radial-gradient(circle, #805304 1%, #563803 94%);

 

HEX #563803 sur HEX #A86C06


Code CSS:

background-image: linear-gradient(135deg, #563803 12%, #A86C06 100%);

 

HEX #563803 sur HEX #A86C06


Code CSS:

background-image: radial-gradient(circle, #563803 3%, #A86C06 96%);

 

HEX #A86C06 sur HEX #563803


Code CSS:

background-image: linear-gradient(135deg, #A86C06 3%, #563803 86%);

 

HEX #A86C06 sur HEX #563803


Code CSS:

background-image: radial-gradient(circle, #A86C06 7%, #563803 89%);

Linéaire

HEX #563803 sur HEX #115803


Code CSS:

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

Radial

HEX #563803 sur HEX #115803


Code CSS:

background-image: radial-gradient(circle, #563803 14%, #115803 94%);

 

HEX #115803 sur HEX #563803


Code CSS:

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

 

HEX #115803 sur HEX #563803


Code CSS:

background-image: radial-gradient(circle, #115803 0%, #563803 87%);

 

HEX #563803 sur HEX #170358


Code CSS:

background-image: linear-gradient(135deg, #563803 5%, #170358 100%);

 

HEX #563803 sur HEX #170358


Code CSS:

background-image: radial-gradient(circle, #563803 11%, #170358 94%);

 

HEX #170358 sur HEX #563803


Code CSS:

background-image: linear-gradient(135deg, #170358 12%, #563803 94%);

 

HEX #170358 sur HEX #563803


Code CSS:

background-image: radial-gradient(circle, #170358 3%, #563803 94%);

Linéaire

HEX #563803 sur HEX #035839


Code CSS:

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

Radial

HEX #563803 sur HEX #035839


Code CSS:

background-image: radial-gradient(circle, #563803 12%, #035839 89%);

 

HEX #035839 sur HEX #563803


Code CSS:

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

 

HEX #035839 sur HEX #563803


Code CSS:

background-image: radial-gradient(circle, #035839 6%, #563803 98%);

 

HEX #563803 sur HEX #390358


Code CSS:

background-image: linear-gradient(135deg, #563803 13%, #390358 100%);

 

HEX #563803 sur HEX #390358


Code CSS:

background-image: radial-gradient(circle, #563803 3%, #390358 93%);

 

HEX #390358 sur HEX #563803


Code CSS:

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

 

HEX #390358 sur HEX #563803


Code CSS:

background-image: radial-gradient(circle, #390358 7%, #563803 88%);

Linéaire

HEX #563803 sur HEX #115803


Code CSS:

background-image: linear-gradient(135deg, #563803 11%, #115803 95%);

Radial

HEX #563803 sur HEX #115803


Code CSS:

background-image: radial-gradient(circle, #563803 4%, #115803 89%);

 

HEX #115803 sur HEX #563803


Code CSS:

background-image: linear-gradient(135deg, #115803 11%, #563803 92%);

 

HEX #115803 sur HEX #563803


Code CSS:

background-image: radial-gradient(circle, #115803 0%, #563803 97%);

 

HEX #563803 sur HEX #032258


Code CSS:

background-image: linear-gradient(135deg, #563803 4%, #032258 99%);

 

HEX #563803 sur HEX #032258


Code CSS:

background-image: radial-gradient(circle, #563803 3%, #032258 90%);

 

HEX #032258 sur HEX #563803


Code CSS:

background-image: linear-gradient(135deg, #032258 9%, #563803 94%);

 

HEX #032258 sur HEX #563803


Code CSS:

background-image: radial-gradient(circle, #032258 13%, #563803 95%);

 

HEX #563803 sur HEX #4A0358


Code CSS:

background-image: linear-gradient(135deg, #563803 7%, #4A0358 89%);

 

HEX #563803 sur HEX #4A0358


Code CSS:

background-image: radial-gradient(circle, #563803 4%, #4A0358 89%);

 

HEX #4A0358 sur HEX #563803


Code CSS:

background-image: linear-gradient(135deg, #4A0358 8%, #563803 86%);

 

HEX #4A0358 sur HEX #563803


Code CSS:

background-image: radial-gradient(circle, #4A0358 0%, #563803 89%);

Linéaire

HEX #563803 sur HEX #03580E


Code CSS:

background-image: linear-gradient(135deg, #563803 8%, #03580E 90%);

Radial

HEX #563803 sur HEX #03580E


Code CSS:

background-image: radial-gradient(circle, #563803 8%, #03580E 93%);

 

HEX #03580E sur HEX #563803


Code CSS:

background-image: linear-gradient(135deg, #03580E 5%, #563803 87%);

 

HEX #03580E sur HEX #563803


Code CSS:

background-image: radial-gradient(circle, #03580E 1%, #563803 96%);

 

HEX #563803 sur HEX #032258


Code CSS:

background-image: linear-gradient(135deg, #563803 1%, #032258 90%);

 

HEX #563803 sur HEX #032258


Code CSS:

background-image: radial-gradient(circle, #563803 1%, #032258 98%);

 

HEX #032258 sur HEX #563803


Code CSS:

background-image: linear-gradient(135deg, #032258 2%, #563803 93%);

 

HEX #032258 sur HEX #563803


Code CSS:

background-image: radial-gradient(circle, #032258 11%, #563803 96%);

 

HEX #563803 sur HEX #58034D


Code CSS:

background-image: linear-gradient(135deg, #563803 5%, #58034D 89%);

 

HEX #563803 sur HEX #58034D


Code CSS:

background-image: radial-gradient(circle, #563803 11%, #58034D 95%);

 

HEX #58034D sur HEX #563803


Code CSS:

background-image: linear-gradient(135deg, #58034D 8%, #563803 100%);

 

HEX #58034D sur HEX #563803


Code CSS:

background-image: radial-gradient(circle, #58034D 9%, #563803 97%);

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.