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

CSS Gradients:
#FBCC92

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 élevées par rapport aux autres, cette teinte nous semble plus claire.

La décomposition de la couleur dans le système de couleurs RGB : dans cette teinte, sur 255 parts de couleurs maximales, respectivement 251 Rouge, 204 Vert et 146 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.
251 204 146 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, 19 magenta, 42 jaune et 2 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% 19% 42% 2% 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 #FBCC92 sur HEX #04336D


Code CSS:

background-image: linear-gradient(135deg, #FBCC92 14%, #04336D 86%);

Radial

HEX #FBCC92 sur HEX #04336D


Code CSS:

background-image: radial-gradient(circle, #FBCC92 5%, #04336D 89%);

 

HEX #04336D sur HEX #FBCC92


Code CSS:

background-image: linear-gradient(135deg, #04336D 9%, #FBCC92 92%);

 

HEX #04336D sur HEX #FBCC92


Code CSS:

background-image: radial-gradient(circle, #04336D 14%, #FBCC92 98%);

Linéaire

HEX #FBCC92 sur HEX #FBB092


Code CSS:

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

Radial

HEX #FBCC92 sur HEX #FBB092


Code CSS:

background-image: radial-gradient(circle, #FBCC92 13%, #FBB092 90%);

 

HEX #FBB092 sur HEX #FBCC92


Code CSS:

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

 

HEX #FBB092 sur HEX #FBCC92


Code CSS:

background-image: radial-gradient(circle, #FBB092 4%, #FBCC92 100%);

 

HEX #FBCC92 sur HEX #FBE792


Code CSS:

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

 

HEX #FBCC92 sur HEX #FBE792


Code CSS:

background-image: radial-gradient(circle, #FBCC92 14%, #FBE792 100%);

 

HEX #FBE792 sur HEX #FBCC92


Code CSS:

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

 

HEX #FBE792 sur HEX #FBCC92


Code CSS:

background-image: radial-gradient(circle, #FBE792 5%, #FBCC92 98%);

 

HEX #FBCC92 sur HEX #F2FB92


Code CSS:

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

 

HEX #FBCC92 sur HEX #F2FB92


Code CSS:

background-image: radial-gradient(circle, #FBCC92 5%, #F2FB92 87%);

 

HEX #F2FB92 sur HEX #FBCC92


Code CSS:

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

 

HEX #F2FB92 sur HEX #FBCC92


Code CSS:

background-image: radial-gradient(circle, #F2FB92 1%, #FBCC92 93%);

Linéaire

HEX #FBCC92 sur HEX #F9B96A


Code CSS:

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

Radial

HEX #FBCC92 sur HEX #F9B96A


Code CSS:

background-image: radial-gradient(circle, #FBCC92 8%, #F9B96A 89%);

 

HEX #F9B96A sur HEX #FBCC92


Code CSS:

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

 

HEX #F9B96A sur HEX #FBCC92


Code CSS:

background-image: radial-gradient(circle, #F9B96A 4%, #FBCC92 86%);

 

HEX #FBCC92 sur HEX #FCDEBA


Code CSS:

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

 

HEX #FBCC92 sur HEX #FCDEBA


Code CSS:

background-image: radial-gradient(circle, #FBCC92 9%, #FCDEBA 89%);

 

HEX #FCDEBA sur HEX #FBCC92


Code CSS:

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

 

HEX #FCDEBA sur HEX #FBCC92


Code CSS:

background-image: radial-gradient(circle, #FCDEBA 8%, #FBCC92 97%);

 

HEX #FBCC92 sur HEX #FDF1E2


Code CSS:

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

 

HEX #FBCC92 sur HEX #FDF1E2


Code CSS:

background-image: radial-gradient(circle, #FBCC92 8%, #FDF1E2 91%);

 

HEX #FDF1E2 sur HEX #FBCC92


Code CSS:

background-image: linear-gradient(135deg, #FDF1E2 11%, #FBCC92 90%);

 

HEX #FDF1E2 sur HEX #FBCC92


Code CSS:

background-image: radial-gradient(circle, #FDF1E2 9%, #FBCC92 96%);

Linéaire

HEX #FBCC92 sur HEX #FBB092


Code CSS:

background-image: linear-gradient(135deg, #FBCC92 6%, #FBB092 97%);

Radial

HEX #FBCC92 sur HEX #FBB092


Code CSS:

background-image: radial-gradient(circle, #FBCC92 7%, #FBB092 87%);

 

HEX #FBB092 sur HEX #FBCC92


Code CSS:

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

 

HEX #FBB092 sur HEX #FBCC92


Code CSS:

background-image: radial-gradient(circle, #FBB092 13%, #FBCC92 93%);

 

HEX #FBCC92 sur HEX #FBE792


Code CSS:

background-image: linear-gradient(135deg, #FBCC92 3%, #FBE792 93%);

 

HEX #FBCC92 sur HEX #FBE792


Code CSS:

background-image: radial-gradient(circle, #FBCC92 9%, #FBE792 99%);

 

HEX #FBE792 sur HEX #FBCC92


Code CSS:

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

 

HEX #FBE792 sur HEX #FBCC92


Code CSS:

background-image: radial-gradient(circle, #FBE792 4%, #FBCC92 99%);

 

HEX #FBCC92 sur HEX #F2FB92


Code CSS:

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

 

HEX #FBCC92 sur HEX #F2FB92


Code CSS:

background-image: radial-gradient(circle, #FBCC92 6%, #F2FB92 100%);

 

HEX #F2FB92 sur HEX #FBCC92


Code CSS:

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

 

HEX #F2FB92 sur HEX #FBCC92


Code CSS:

background-image: radial-gradient(circle, #F2FB92 14%, #FBCC92 87%);

Linéaire

HEX #FBCC92 sur HEX #F9B96A


Code CSS:

background-image: linear-gradient(135deg, #FBCC92 14%, #F9B96A 90%);

Radial

HEX #FBCC92 sur HEX #F9B96A


Code CSS:

background-image: radial-gradient(circle, #FBCC92 4%, #F9B96A 92%);

 

HEX #F9B96A sur HEX #FBCC92


Code CSS:

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

 

HEX #F9B96A sur HEX #FBCC92


Code CSS:

background-image: radial-gradient(circle, #F9B96A 2%, #FBCC92 95%);

 

HEX #FBCC92 sur HEX #FCDEBA


Code CSS:

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

 

HEX #FBCC92 sur HEX #FCDEBA


Code CSS:

background-image: radial-gradient(circle, #FBCC92 8%, #FCDEBA 100%);

 

HEX #FCDEBA sur HEX #FBCC92


Code CSS:

background-image: linear-gradient(135deg, #FCDEBA 2%, #FBCC92 91%);

 

HEX #FCDEBA sur HEX #FBCC92


Code CSS:

background-image: radial-gradient(circle, #FCDEBA 4%, #FBCC92 100%);

 

HEX #FBCC92 sur HEX #FDF1E2


Code CSS:

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

 

HEX #FBCC92 sur HEX #FDF1E2


Code CSS:

background-image: radial-gradient(circle, #FBCC92 8%, #FDF1E2 96%);

 

HEX #FDF1E2 sur HEX #FBCC92


Code CSS:

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

 

HEX #FDF1E2 sur HEX #FBCC92


Code CSS:

background-image: radial-gradient(circle, #FDF1E2 3%, #FBCC92 98%);

Linéaire

HEX #FBCC92 sur HEX #ACFB92


Code CSS:

background-image: linear-gradient(135deg, #FBCC92 10%, #ACFB92 99%);

Radial

HEX #FBCC92 sur HEX #ACFB92


Code CSS:

background-image: radial-gradient(circle, #FBCC92 9%, #ACFB92 97%);

 

HEX #ACFB92 sur HEX #FBCC92


Code CSS:

background-image: linear-gradient(135deg, #ACFB92 13%, #FBCC92 89%);

 

HEX #ACFB92 sur HEX #FBCC92


Code CSS:

background-image: radial-gradient(circle, #ACFB92 12%, #FBCC92 92%);

 

HEX #FBCC92 sur HEX #A292FB


Code CSS:

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

 

HEX #FBCC92 sur HEX #A292FB


Code CSS:

background-image: radial-gradient(circle, #FBCC92 3%, #A292FB 90%);

 

HEX #A292FB sur HEX #FBCC92


Code CSS:

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

 

HEX #A292FB sur HEX #FBCC92


Code CSS:

background-image: radial-gradient(circle, #A292FB 9%, #FBCC92 95%);

Linéaire

HEX #FBCC92 sur HEX #92FBCC


Code CSS:

background-image: linear-gradient(135deg, #FBCC92 5%, #92FBCC 97%);

Radial

HEX #FBCC92 sur HEX #92FBCC


Code CSS:

background-image: radial-gradient(circle, #FBCC92 11%, #92FBCC 96%);

 

HEX #92FBCC sur HEX #FBCC92


Code CSS:

background-image: linear-gradient(135deg, #92FBCC 9%, #FBCC92 99%);

 

HEX #92FBCC sur HEX #FBCC92


Code CSS:

background-image: radial-gradient(circle, #92FBCC 10%, #FBCC92 99%);

 

HEX #FBCC92 sur HEX #CC92FB


Code CSS:

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

 

HEX #FBCC92 sur HEX #CC92FB


Code CSS:

background-image: radial-gradient(circle, #FBCC92 7%, #CC92FB 100%);

 

HEX #CC92FB sur HEX #FBCC92


Code CSS:

background-image: linear-gradient(135deg, #CC92FB 13%, #FBCC92 95%);

 

HEX #CC92FB sur HEX #FBCC92


Code CSS:

background-image: radial-gradient(circle, #CC92FB 12%, #FBCC92 98%);

Linéaire

HEX #FBCC92 sur HEX #ACFB92


Code CSS:

background-image: linear-gradient(135deg, #FBCC92 9%, #ACFB92 100%);

Radial

HEX #FBCC92 sur HEX #ACFB92


Code CSS:

background-image: radial-gradient(circle, #FBCC92 6%, #ACFB92 88%);

 

HEX #ACFB92 sur HEX #FBCC92


Code CSS:

background-image: linear-gradient(135deg, #ACFB92 10%, #FBCC92 93%);

 

HEX #ACFB92 sur HEX #FBCC92


Code CSS:

background-image: radial-gradient(circle, #ACFB92 6%, #FBCC92 98%);

 

HEX #FBCC92 sur HEX #92C1FB


Code CSS:

background-image: linear-gradient(135deg, #FBCC92 11%, #92C1FB 89%);

 

HEX #FBCC92 sur HEX #92C1FB


Code CSS:

background-image: radial-gradient(circle, #FBCC92 11%, #92C1FB 91%);

 

HEX #92C1FB sur HEX #FBCC92


Code CSS:

background-image: linear-gradient(135deg, #92C1FB 2%, #FBCC92 98%);

 

HEX #92C1FB sur HEX #FBCC92


Code CSS:

background-image: radial-gradient(circle, #92C1FB 0%, #FBCC92 96%);

 

HEX #FBCC92 sur HEX #E092FB


Code CSS:

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

 

HEX #FBCC92 sur HEX #E092FB


Code CSS:

background-image: radial-gradient(circle, #FBCC92 11%, #E092FB 92%);

 

HEX #E092FB sur HEX #FBCC92


Code CSS:

background-image: linear-gradient(135deg, #E092FB 13%, #FBCC92 98%);

 

HEX #E092FB sur HEX #FBCC92


Code CSS:

background-image: radial-gradient(circle, #E092FB 4%, #FBCC92 91%);

Linéaire

HEX #FBCC92 sur HEX #92FB97


Code CSS:

background-image: linear-gradient(135deg, #FBCC92 0%, #92FB97 87%);

Radial

HEX #FBCC92 sur HEX #92FB97


Code CSS:

background-image: radial-gradient(circle, #FBCC92 5%, #92FB97 93%);

 

HEX #92FB97 sur HEX #FBCC92


Code CSS:

background-image: linear-gradient(135deg, #92FB97 6%, #FBCC92 99%);

 

HEX #92FB97 sur HEX #FBCC92


Code CSS:

background-image: radial-gradient(circle, #92FB97 2%, #FBCC92 97%);

 

HEX #FBCC92 sur HEX #92C1FB


Code CSS:

background-image: linear-gradient(135deg, #FBCC92 4%, #92C1FB 87%);

 

HEX #FBCC92 sur HEX #92C1FB


Code CSS:

background-image: radial-gradient(circle, #FBCC92 4%, #92C1FB 99%);

 

HEX #92C1FB sur HEX #FBCC92


Code CSS:

background-image: linear-gradient(135deg, #92C1FB 10%, #FBCC92 99%);

 

HEX #92C1FB sur HEX #FBCC92


Code CSS:

background-image: radial-gradient(circle, #92C1FB 4%, #FBCC92 88%);

 

HEX #FBCC92 sur HEX #FB92F5


Code CSS:

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

 

HEX #FBCC92 sur HEX #FB92F5


Code CSS:

background-image: radial-gradient(circle, #FBCC92 7%, #FB92F5 98%);

 

HEX #FB92F5 sur HEX #FBCC92


Code CSS:

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

 

HEX #FB92F5 sur HEX #FBCC92


Code CSS:

background-image: radial-gradient(circle, #FB92F5 6%, #FBCC92 94%);

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.