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

error rgb: 144.1_72.8_18

CSS Gradients:
RGB 144.1 72.8 18

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 144.1 Rouge, 72.8 Vert et 18 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.
144.1 72.8 18 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, 49 magenta, 88 jaune et 43 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% 49% 88% 43% 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 #904812 sur HEX #6EB6ED


Code CSS:

background-image: linear-gradient(135deg, #904812 13%, #6EB6ED 90%);

Radial

HEX #904812 sur HEX #6EB6ED


Code CSS:

background-image: radial-gradient(circle, #904812 2%, #6EB6ED 92%);

 

HEX #6EB6ED sur HEX #904812


Code CSS:

background-image: linear-gradient(135deg, #6EB6ED 9%, #904812 90%);

 

HEX #6EB6ED sur HEX #904812


Code CSS:

background-image: radial-gradient(circle, #6EB6ED 4%, #904812 88%);

Linéaire

HEX #904812 sur HEX #912711


Code CSS:

background-image: linear-gradient(135deg, #904812 6%, #912711 86%);

Radial

HEX #904812 sur HEX #912711


Code CSS:

background-image: radial-gradient(circle, #904812 10%, #912711 98%);

 

HEX #912711 sur HEX #904812


Code CSS:

background-image: linear-gradient(135deg, #912711 13%, #904812 92%);

 

HEX #912711 sur HEX #904812


Code CSS:

background-image: radial-gradient(circle, #912711 14%, #904812 93%);

 

HEX #904812 sur HEX #914911


Code CSS:

background-image: linear-gradient(135deg, #904812 7%, #914911 88%);

 

HEX #904812 sur HEX #914911


Code CSS:

background-image: radial-gradient(circle, #904812 1%, #914911 92%);

 

HEX #914911 sur HEX #904812


Code CSS:

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

 

HEX #914911 sur HEX #904812


Code CSS:

background-image: radial-gradient(circle, #914911 12%, #904812 92%);

 

HEX #904812 sur HEX #916B11


Code CSS:

background-image: linear-gradient(135deg, #904812 14%, #916B11 91%);

 

HEX #904812 sur HEX #916B11


Code CSS:

background-image: radial-gradient(circle, #904812 14%, #916B11 86%);

 

HEX #916B11 sur HEX #904812


Code CSS:

background-image: linear-gradient(135deg, #916B11 1%, #904812 86%);

 

HEX #916B11 sur HEX #904812


Code CSS:

background-image: radial-gradient(circle, #916B11 9%, #904812 94%);

 

HEX #904812 sur HEX #918D11


Code CSS:

background-image: linear-gradient(135deg, #904812 6%, #918D11 95%);

 

HEX #904812 sur HEX #918D11


Code CSS:

background-image: radial-gradient(circle, #904812 1%, #918D11 87%);

 

HEX #918D11 sur HEX #904812


Code CSS:

background-image: linear-gradient(135deg, #918D11 0%, #904812 94%);

 

HEX #918D11 sur HEX #904812


Code CSS:

background-image: radial-gradient(circle, #918D11 2%, #904812 87%);

Linéaire

HEX #904812 sur HEX #6C360D


Code CSS:

background-image: linear-gradient(135deg, #904812 14%, #6C360D 90%);

Radial

HEX #904812 sur HEX #6C360D


Code CSS:

background-image: radial-gradient(circle, #904812 13%, #6C360D 99%);

 

HEX #6C360D sur HEX #904812


Code CSS:

background-image: linear-gradient(135deg, #6C360D 7%, #904812 95%);

 

HEX #6C360D sur HEX #904812


Code CSS:

background-image: radial-gradient(circle, #6C360D 13%, #904812 89%);

 

HEX #904812 sur HEX #914911


Code CSS:

background-image: linear-gradient(135deg, #904812 12%, #914911 92%);

 

HEX #904812 sur HEX #914911


Code CSS:

background-image: radial-gradient(circle, #904812 12%, #914911 100%);

 

HEX #914911 sur HEX #904812


Code CSS:

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

 

HEX #914911 sur HEX #904812


Code CSS:

background-image: radial-gradient(circle, #914911 12%, #904812 91%);

 

HEX #904812 sur HEX #B55B16


Code CSS:

background-image: linear-gradient(135deg, #904812 0%, #B55B16 92%);

 

HEX #904812 sur HEX #B55B16


Code CSS:

background-image: radial-gradient(circle, #904812 6%, #B55B16 86%);

 

HEX #B55B16 sur HEX #904812


Code CSS:

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

 

HEX #B55B16 sur HEX #904812


Code CSS:

background-image: radial-gradient(circle, #B55B16 8%, #904812 93%);

 

HEX #904812 sur HEX #DA6E1B


Code CSS:

background-image: linear-gradient(135deg, #904812 0%, #DA6E1B 89%);

 

HEX #904812 sur HEX #DA6E1B


Code CSS:

background-image: radial-gradient(circle, #904812 0%, #DA6E1B 88%);

 

HEX #DA6E1B sur HEX #904812


Code CSS:

background-image: linear-gradient(135deg, #DA6E1B 3%, #904812 96%);

 

HEX #DA6E1B sur HEX #904812


Code CSS:

background-image: radial-gradient(circle, #DA6E1B 11%, #904812 97%);

Linéaire

HEX #904812 sur HEX #912711


Code CSS:

background-image: linear-gradient(135deg, #904812 1%, #912711 89%);

Radial

HEX #904812 sur HEX #912711


Code CSS:

background-image: radial-gradient(circle, #904812 9%, #912711 99%);

 

HEX #912711 sur HEX #904812


Code CSS:

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

 

HEX #912711 sur HEX #904812


Code CSS:

background-image: radial-gradient(circle, #912711 10%, #904812 97%);

 

HEX #904812 sur HEX #914911


Code CSS:

background-image: linear-gradient(135deg, #904812 7%, #914911 95%);

 

HEX #904812 sur HEX #914911


Code CSS:

background-image: radial-gradient(circle, #904812 2%, #914911 96%);

 

HEX #914911 sur HEX #904812


Code CSS:

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

 

HEX #914911 sur HEX #904812


Code CSS:

background-image: radial-gradient(circle, #914911 2%, #904812 87%);

 

HEX #904812 sur HEX #916B11


Code CSS:

background-image: linear-gradient(135deg, #904812 12%, #916B11 93%);

 

HEX #904812 sur HEX #916B11


Code CSS:

background-image: radial-gradient(circle, #904812 7%, #916B11 99%);

 

HEX #916B11 sur HEX #904812


Code CSS:

background-image: linear-gradient(135deg, #916B11 2%, #904812 97%);

 

HEX #916B11 sur HEX #904812


Code CSS:

background-image: radial-gradient(circle, #916B11 12%, #904812 96%);

 

HEX #904812 sur HEX #918D11


Code CSS:

background-image: linear-gradient(135deg, #904812 8%, #918D11 99%);

 

HEX #904812 sur HEX #918D11


Code CSS:

background-image: radial-gradient(circle, #904812 4%, #918D11 96%);

 

HEX #918D11 sur HEX #904812


Code CSS:

background-image: linear-gradient(135deg, #918D11 1%, #904812 98%);

 

HEX #918D11 sur HEX #904812


Code CSS:

background-image: radial-gradient(circle, #918D11 5%, #904812 91%);

Linéaire

HEX #904812 sur HEX #6C360D


Code CSS:

background-image: linear-gradient(135deg, #904812 13%, #6C360D 97%);

Radial

HEX #904812 sur HEX #6C360D


Code CSS:

background-image: radial-gradient(circle, #904812 9%, #6C360D 90%);

 

HEX #6C360D sur HEX #904812


Code CSS:

background-image: linear-gradient(135deg, #6C360D 3%, #904812 92%);

 

HEX #6C360D sur HEX #904812


Code CSS:

background-image: radial-gradient(circle, #6C360D 13%, #904812 92%);

 

HEX #904812 sur HEX #914911


Code CSS:

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

 

HEX #904812 sur HEX #914911


Code CSS:

background-image: radial-gradient(circle, #904812 10%, #914911 91%);

 

HEX #914911 sur HEX #904812


Code CSS:

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

 

HEX #914911 sur HEX #904812


Code CSS:

background-image: radial-gradient(circle, #914911 4%, #904812 98%);

 

HEX #904812 sur HEX #B55B16


Code CSS:

background-image: linear-gradient(135deg, #904812 1%, #B55B16 99%);

 

HEX #904812 sur HEX #B55B16


Code CSS:

background-image: radial-gradient(circle, #904812 3%, #B55B16 91%);

 

HEX #B55B16 sur HEX #904812


Code CSS:

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

 

HEX #B55B16 sur HEX #904812


Code CSS:

background-image: radial-gradient(circle, #B55B16 3%, #904812 95%);

 

HEX #904812 sur HEX #DA6E1B


Code CSS:

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

 

HEX #904812 sur HEX #DA6E1B


Code CSS:

background-image: radial-gradient(circle, #904812 3%, #DA6E1B 88%);

 

HEX #DA6E1B sur HEX #904812


Code CSS:

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

 

HEX #DA6E1B sur HEX #904812


Code CSS:

background-image: radial-gradient(circle, #DA6E1B 14%, #904812 96%);

Linéaire

HEX #904812 sur HEX #409111


Code CSS:

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

Radial

HEX #904812 sur HEX #409111


Code CSS:

background-image: radial-gradient(circle, #904812 1%, #409111 89%);

 

HEX #409111 sur HEX #904812


Code CSS:

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

 

HEX #409111 sur HEX #904812


Code CSS:

background-image: radial-gradient(circle, #409111 10%, #904812 97%);

 

HEX #904812 sur HEX #161191


Code CSS:

background-image: linear-gradient(135deg, #904812 7%, #161191 98%);

 

HEX #904812 sur HEX #161191


Code CSS:

background-image: radial-gradient(circle, #904812 9%, #161191 89%);

 

HEX #161191 sur HEX #904812


Code CSS:

background-image: linear-gradient(135deg, #161191 4%, #904812 89%);

 

HEX #161191 sur HEX #904812


Code CSS:

background-image: radial-gradient(circle, #161191 0%, #904812 99%);

Linéaire

HEX #904812 sur HEX #119149


Code CSS:

background-image: linear-gradient(135deg, #904812 13%, #119149 91%);

Radial

HEX #904812 sur HEX #119149


Code CSS:

background-image: radial-gradient(circle, #904812 14%, #119149 95%);

 

HEX #119149 sur HEX #904812


Code CSS:

background-image: linear-gradient(135deg, #119149 0%, #904812 98%);

 

HEX #119149 sur HEX #904812


Code CSS:

background-image: radial-gradient(circle, #119149 0%, #904812 94%);

 

HEX #904812 sur HEX #491191


Code CSS:

background-image: linear-gradient(135deg, #904812 2%, #491191 100%);

 

HEX #904812 sur HEX #491191


Code CSS:

background-image: radial-gradient(circle, #904812 8%, #491191 93%);

 

HEX #491191 sur HEX #904812


Code CSS:

background-image: linear-gradient(135deg, #491191 0%, #904812 98%);

 

HEX #491191 sur HEX #904812


Code CSS:

background-image: radial-gradient(circle, #491191 13%, #904812 94%);

Linéaire

HEX #904812 sur HEX #409111


Code CSS:

background-image: linear-gradient(135deg, #904812 7%, #409111 92%);

Radial

HEX #904812 sur HEX #409111


Code CSS:

background-image: radial-gradient(circle, #904812 1%, #409111 100%);

 

HEX #409111 sur HEX #904812


Code CSS:

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

 

HEX #409111 sur HEX #904812


Code CSS:

background-image: radial-gradient(circle, #409111 8%, #904812 86%);

 

HEX #904812 sur HEX #115A91


Code CSS:

background-image: linear-gradient(135deg, #904812 13%, #115A91 92%);

 

HEX #904812 sur HEX #115A91


Code CSS:

background-image: radial-gradient(circle, #904812 8%, #115A91 87%);

 

HEX #115A91 sur HEX #904812


Code CSS:

background-image: linear-gradient(135deg, #115A91 4%, #904812 89%);

 

HEX #115A91 sur HEX #904812


Code CSS:

background-image: radial-gradient(circle, #115A91 11%, #904812 97%);

 

HEX #904812 sur HEX #621191


Code CSS:

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

 

HEX #904812 sur HEX #621191


Code CSS:

background-image: radial-gradient(circle, #904812 7%, #621191 100%);

 

HEX #621191 sur HEX #904812


Code CSS:

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

 

HEX #621191 sur HEX #904812


Code CSS:

background-image: radial-gradient(circle, #621191 9%, #904812 94%);

Linéaire

HEX #904812 sur HEX #1A9111


Code CSS:

background-image: linear-gradient(135deg, #904812 1%, #1A9111 89%);

Radial

HEX #904812 sur HEX #1A9111


Code CSS:

background-image: radial-gradient(circle, #904812 2%, #1A9111 86%);

 

HEX #1A9111 sur HEX #904812


Code CSS:

background-image: linear-gradient(135deg, #1A9111 13%, #904812 100%);

 

HEX #1A9111 sur HEX #904812


Code CSS:

background-image: radial-gradient(circle, #1A9111 9%, #904812 86%);

 

HEX #904812 sur HEX #115A91


Code CSS:

background-image: linear-gradient(135deg, #904812 10%, #115A91 87%);

 

HEX #904812 sur HEX #115A91


Code CSS:

background-image: radial-gradient(circle, #904812 2%, #115A91 88%);

 

HEX #115A91 sur HEX #904812


Code CSS:

background-image: linear-gradient(135deg, #115A91 2%, #904812 94%);

 

HEX #115A91 sur HEX #904812


Code CSS:

background-image: radial-gradient(circle, #115A91 8%, #904812 100%);

 

HEX #904812 sur HEX #881191


Code CSS:

background-image: linear-gradient(135deg, #904812 4%, #881191 93%);

 

HEX #904812 sur HEX #881191


Code CSS:

background-image: radial-gradient(circle, #904812 14%, #881191 90%);

 

HEX #881191 sur HEX #904812


Code CSS:

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

 

HEX #881191 sur HEX #904812


Code CSS:

background-image: radial-gradient(circle, #881191 11%, #904812 90%);

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.