Maintenant période d'offre NOTRE API A ETE EXPLOREE

Nouvelle API V3.0 : Obtenir notre API à prix réduit. Profitez-en dès maintenant. Profitez de résultats de conversion de couleurs plus détaillés - parfaits pour les projets web, les plug-ins, les outils internes ou les applications SaaS. Valable de 2025-10-21 à 2025-11-21 (23:59 CET) inclus.

Paquets API & prix X

Dégradés de couleurs

Aperçu

Possibilités d'application

Tous les dégradés de couleurs publiés en un coup d'œil. Utilise les filtres de noms et le tri selon différents critères. Evalue les plus beaux dégradés et crée les tiens à partir des couleurs qui vont le mieux ensemble.

Options d'affichage

1
2
3
4
5
6
7
8
9
10
11
0

#CD2C58 - #FFC69D - #E06B80 - #FFE6D4


Code CSS:

background-image: linear-gradient(222deg, #CD2C58 20%,#FFC69D 39%,#E06B80 70%,#FFE6D4 93%);

0

#DA291C - #25D6E3


Code CSS:

background-image: radial-gradient(circle at 24% 72%, #DA291C 17%,#25D6E3 100%);

0

#EEE8E0


Code CSS:

background-image: linear-gradient(56deg, #D7BA94 0%,#28456B 89%);

0

#BA5918 - #8C4719 - #5D188B - #871FCC


Code CSS:

background-image: linear-gradient(118deg, #BA5918 0%,#8C4719 29%,#5D188B 85%,#871FCC 100%);

0

#482CA6 - #1220D9 - #7D3873 - #E74F0D - #2D26C0 - #2023CD - #1220D9


Code CSS:

background-image: radial-gradient(circle closest-side , #482CA6 0%,#1220D9 16%,#7D3873 26%,#E74F0D 63%,#2D26C0 74%,#2023CD 90%,#1220D9 95%);

0

#D0C6B4 - #2F394B


Code CSS:

background-image: radial-gradient(circle at 49% center, #D0C6B4 11%,#2F394B 64%);

0

#FF9E18 - #CC7700


Code CSS:

background-image: radial-gradient(circle at 16% 52%, #FF9E18 2%,#CC7700 91%);

0

#B8B799 - #C8C8C7


Code CSS:

background-image: linear-gradient(28deg, #B8B799 9%,#C8C8C7 73%);

0

#0080C8 - #00001E


Code CSS:

background-image: linear-gradient(246deg, #0080C8 0%,#00001E 100%);

0

#E74F0D - #7D3873 - #482CA6 - #2D26C0 - #2023CD - #1220D9


Code CSS:

background-image: radial-gradient(circle , #E74F0D 0%,#7D3873 27%,#482CA6 46%,#2D26C0 63%,#2023CD 79%,#1220D9 100%);

0

#00FF91 - #40CD90 - #30DA91 - #20E691 - #68AD8F - #50C090 - #7F9A8E - #FD348A


Code CSS:

background-image: radial-gradient(circle at 49% 53%, #00FF91 44%,#40CD90 44%,#30DA91 51%,#20E691 51%,#68AD8F 56%,#50C090 56%,#7F9A8E 65%,#FD348A 89%);

0

#FFAA4D - #FF7F41


Code CSS:

background-image: radial-gradient(circle , #FFAA4D 8%,#FF7F41 86%);

0

#F4F6F1 - #6CA6C4


Code CSS:

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

0

#00426A - #0092AB


Code CSS:

background-image: linear-gradient(0deg, #00426A 0%,#0092AB 100%);

0

Blue Eyeball


Code CSS:

background-image: radial-gradient(circle at 59% 42%, #030303 10%,#477C94 13%,#84C3E0 21%,#549FBA 31%,#507E8A 35%,#F0C5D6 38%,#DB9AA4 73%,#B84F5B 77%);

0

Purple Eyeball


Code CSS:

background-image: radial-gradient(circle at 59% 42%, #030303 10%,#6D2F7D 13%,#BD76DB 21%,#8F44A6 31%,#622073 35%,#F0C5D6 38%,#DB9AA4 73%,#B84F5B 77%);

0

Green Eyeball


Code CSS:

background-image: radial-gradient(circle at 59% 41%, #131414 0%,#1A1915 13%,#0FA833 16%,#389C54 22%,#1A7D2E 28%,#255229 32%,#2D3618 34%,#F5C9CA 37%,#E0B4B4 67%,#B55B5B 80%);

0

Vida Lactea


Code CSS:

background-image: linear-gradient(347deg, #003E51 0%,#FFA300 100%);

0

#A48F7A - #9B8A70


Code CSS:

background-image: linear-gradient(100deg, #A48F7A 2%,#9B8A70 97%);

0

#D2D246 - #A1C091 - #70ADDB


Code CSS:

background-image: linear-gradient(360deg, #D2D246 12%,#A1C091 31%,#70ADDB 52%);

0

#F9F9F7 - #779ACE - #5986CC


Code CSS:

background-image: linear-gradient(0deg, #F9F9F7 10%,#779ACE 81%,#5986CC 93%);

0

#B2C216 - #CB3E50


Code CSS:

background-image: linear-gradient(31deg, #B2C216 16%,#CB3E50 80%);

0

#F8AC1D - #D95995


Code CSS:

background-image: linear-gradient(19deg, #F8AC1D 17%,#D95995 86%);

0

#F14997 - #061C125E - #FCFCFC


Code CSS:

background-image: radial-gradient(circle at 61% 29%, #F14997 21%,#061C125E 47%,#FCFCFC 85%);

0

#9B8A70 - #E3D9C7


Code CSS:

background-image: linear-gradient(227deg, #9B8A70 1%,#E3D9C7 97%);

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

1
2
3
4
5
6
7
8
9
10
11

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.