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

Dégradé de couleurs "test"

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
176
 

Code CSS:

background-image: radial-gradient(circle at 14% 14%, #0A0800 1%,#FFC800 46%,#000000 49%,#FF5800 51%,#000000 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.

Options d'affichage

0

#5169F1 - #39D4FB


Code CSS:

background-image: linear-gradient(54deg, #000000 2%,#97999B 88%);

0

Kirill


Code CSS:

background-image: linear-gradient(90deg, #F4F6F1 0%,#6CA6C4 100%);

0

Living


Code CSS:

background-image: linear-gradient(90deg, #EFEEE5 0%,#B7A99C 100%);

0

#61554D - #9EAAB2


Code CSS:

background-image: linear-gradient(11deg, #61554D 10%,#9EAAB2 100%);

0

#042AED - #304F6E


Code CSS:

background-image: radial-gradient(circle , #042AED 19%,#304F6E 87%);

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%);

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

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 RGBA

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

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 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.