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

✕

Créer un CSS dégradé de couleurs

Le gradient est enregistré

Ce gradient existe déjà.

Pour les dégradés de couleurs, il faut au moins deux couleurs.

La couleur a été non supprimée.

Attribuer un nom au dégradé:

Annuler
 Enregistrer
7
 

Code CSS:

background-image: radial-gradient(circle, #C08DC8 2%,#C8B48C 99%);

Créer de nouveaux dégradés de couleurs

Aperçu

Possibilités d'application

Les derniers dégradés de couleurs. Evalue les plus beaux dégradés et crée les tiens à partir des couleurs qui vont le mieux ensemble.

#CAE0F7 - #992B66

#2FA363 - #D05C9C

#53C1E6 - #F5BFE500

#005B8C - #76689A - #903373 - #BB4077 - #BF3922

#005B8C - #76689A - #903373 - #BB4077 - #BF3922

#FFCC00 - #FF0000 - #000000 - #525252 - #1C1C1C

#A8C3EA - #718CB3

#F5D48B - #FFF8AC

Atelier_#D2A0AC - #57706A - #808080 - #2D5F53

#A9F2FF - #60AAD6

#532820 - #ACD7DF

#ECD0E2 - #A3889B

#D2A0AC - #2D5F53

#BBBBBF - #E3E3E3 - #BBBBBF

#535C7A - #ACA385

#BFD6D0 - #C9DFE5

#F0F0F0 - #DCF0F0 - #D2D246

#9EC8CC - #09EC8CCF - #FFFFFF9E

#FFE519 - #001AE6

#FFE519 - #001AE6

#EEDC00 - #78BE20

#FFC800 - #000000 - #FF5800 - #000000

Options d'affichage

0

#CAE0F7 - #992B66


Code CSS:

background-image: linear-gradient(270deg, #CAE0F7 14%,#992B66 89%);

0

#2FA363 - #D05C9C


Code CSS:

background-image: linear-gradient(333deg, #2FA363 14%,#D05C9C 96%);

0

#53C1E6 - #F5BFE500


Code CSS:

background-image: radial-gradient(circle closest-side , #53C1E6 3%,#F5BFE500 96%);

0

#005B8C - #76689A - #903373 - #BB4077 - #BF3922


Code CSS:

background-image: linear-gradient(130deg, #005B8C 0%,#76689A 26%,#903373 42%,#BB4077 58%,#BF3922 100%);

0

#005B8C - #76689A - #903373 - #BB4077 - #BF3922


Code CSS:

background-image: linear-gradient(132deg, #005B8C 0%,#76689A 30%,#903373 48%,#BB4077 69%,#BF3922 100%);

0

bhoo


Code CSS:

background-image: radial-gradient(circle , #FFCC00 0%,#FF0000 27%,#000000 49%,#525252 76%,#1C1C1C 84%);

0

#FFCC00 - #FF0000 - #000000 - #525252 - #1C1C1C


Code CSS:

background-image: radial-gradient(circle , #FFCC00 0%,#FF0000 31%,#000000 48%,#525252 76%,#1C1C1C 84%);

0

#A8C3EA - #718CB3


Code CSS:

background-image: radial-gradient(circle at 52% bottom, #A8C3EA 0%,#718CB3 100%);

0

#F5D48B - #FFF8AC


Code CSS:

background-image: linear-gradient(80deg, #F5D48B 2%,#FFF8AC 88%);

+1

HAL 9000


Code CSS:

background-image: radial-gradient(circle , #FFCC00 0%,#FF0000 10%,#000000 46%,#525252 57%,#1C1C1C 68%);

0

Atelier_#D2A0AC - #57706A - #808080 - #2D5F53


Code CSS:

background-image: linear-gradient(14deg, #D2A0AC 0%,#57706A 37%,#808080 49%,#2D5F53 68%);

0

#A9F2FF - #60AAD6


Code CSS:

background-image: linear-gradient(241deg, #A9F2FF 33%,#60AAD6 85%);

0

#532820 - #ACD7DF


Code CSS:

background-image: radial-gradient(circle closest-side , #532820 7%,#ACD7DF 99%);

0

К-Г


Code CSS:

background-image: radial-gradient(circle , #EDD08C 10%,#C5E6D1 100%);

0

#ECD0E2 - #A3889B


Code CSS:

background-image: radial-gradient(circle , #ECD0E2 7%,#A3889B 66%);

0

#D2A0AC - #2D5F53


Code CSS:

background-image: linear-gradient(198deg, #D2A0AC 0%,#2D5F53 94%);

0

#BBBBBF - #E3E3E3 - #BBBBBF


Code CSS:

background-image: linear-gradient(86deg, #BBBBBF 0%,#E3E3E3 50%,#BBBBBF 100%);

0

#535C7A - #ACA385


Code CSS:

background-image: linear-gradient(260deg, #535C7A 16%,#ACA385 83%);

0

#BFD6D0 - #C9DFE5


Code CSS:

background-image: linear-gradient(307deg, #BFD6D0 3%,#C9DFE5 92%);

0

#F0F0F0 - #DCF0F0 - #D2D246


Code CSS:

background-image: linear-gradient(312deg, #F0F0F0 19%,#DCF0F0 41%,#D2D246 96%);

0

#9EC8CC - #09EC8CCF - #FFFFFF9E


Code CSS:

background-image: linear-gradient(269deg, #9EC8CC 9%,#09EC8CCF 23%,#FFFFFF9E 37%);

0

#FFE519 - #001AE6


Code CSS:

background-image: linear-gradient(305deg, #FFE519 0%,#001AE6 88%);

0

#FFE519 - #001AE6


Code CSS:

background-image: linear-gradient(206deg, #FFE519 0%,#001AE6 90%);

0

#EEDC00 - #78BE20


Code CSS:

background-image: linear-gradient(135deg, #EEDC00 0%,#78BE20 95%);

0

#FFC800 - #000000 - #FF5800 - #000000


Code CSS:

background-image: radial-gradient(circle at 28% 31%, #FFC800 9%,#000000 40%,#FF5800 69%,#000000 88%);

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

Annonce

Plus Dégradés de couleurs

Conversions populaires

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

RGBA en HEX

convertir de RGBA rouge vert bleu transparent sur #RRGGBB

RGBA en CMYK

convertir de RGBA rouge vert bleu transparent sur CMYK cyan / magenta / jaune / key

Icons

RGBA en RAL®

convertir de RGBA rouge vert bleu transparent sur Numéro RAL® (RAL 0000)

RGBA en HKS®

convertir de RGBA rouge vert bleu transparent sur Numéro HKS® (HKS 00)

RGBA en PANTONE®

convertir de RGBA rouge vert bleu transparent sur Numéro Pantone® (Pantone 0000)

RGBA en Sherwin Williams®

convertir de RGBA rouge vert bleu transparent sur Sherwin Williams® numéro (SW 0000)

RGBA en NCS®

convertir de RGBA rouge vert bleu transparent sur Numéro NCS (S0000-X00X)

nsc-logo
Icons

CMYK en HEX

convertir de CMYK cyan / magenta / jaune / key sur #RRGGBB
Icons

CMYK en RGB

convertir de CMYK cyan / magenta / jaune / key sur RGB rouge vert bleu
Icons

CMYK en RGBA

convertir de CMYK cyan / magenta / jaune / key sur RGBA rouge vert bleu transparent
Icons

CMYK en RAL®

convertir de CMYK cyan / magenta / jaune / key sur Numéro RAL® (RAL 0000)
Icons

CMYK en HKS®

convertir de CMYK cyan / magenta / jaune / key sur Numéro HKS® (HKS 00)
Icons

CMYK en PANTONE®

convertir de CMYK cyan / magenta / jaune / key sur Numéro Pantone® (Pantone 0000)
Icons

CMYK en Sherwin Williams®

convertir de CMYK cyan / magenta / jaune / key sur Sherwin Williams® numéro (SW 0000)
Icons

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 RGBA

convertir de #RRGGBB sur RGBA rouge vert bleu transparent

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 RGBA

convertir de Numéro RAL® (RAL 0000) sur RGBA rouge vert bleu transparent

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 RGBA

convertir de Numéro HKS® (HKS 00) sur RGBA rouge vert bleu transparent

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 RGBA

convertir de Numéro Pantone® (Pantone 0000) sur RGBA rouge vert bleu transparent

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

To be able to save color palettes, you must be logged in.

Sign in to your account

or

Create an account

Current color palette Share
Should it be public or private?
Link(s) will follow after sharing.

Cancel Share

Color palette shared
Please copy and save the link you want.

Share

OK, I have copied the links

Your colors will be saved in a new color palette.
View it under your profile.
You can further customize it, and share it.

Show color palette
Close

Create a color palette

DownloadDownload in different formats

Remove All

By clicking you can create palettes and download the color swatches.

© 2019-2024 in cooperation ND-DESIGN.WORKS & frag-bobby.de