Un dégradé de couleurs est un mélange progressif entre deux ou plusieurs couleurs. Habituellement, un dégradé est défini par deux couleurs définies par l'utilisateur, et l'ordinateur calcule automatiquement toutes les couleurs entre les deux. Les dégradés de couleurs peuvent être constitués de deux ou plusieurs couleurs définies par l’utilisateur. Dans le code CSS pour les sites Web, vous pouvez définir des dégradés linéaires et radiaux. Un dégradé de couleurs linéaire mélange les couleurs en ligne droite et entraîne une transition de couleur progressive d'un point à un autre. Un dégradé de couleurs radial mélange les couleurs de façon circulaire et entraîne une transition de couleur qui rayonne à partir d'un certain point.
Normalement, un designer choisit à la main deux ou plusieurs couleurs pour créer un dégradé de couleurs. Cela nécessite une expérience de conception et un bon œil pour l'harmonie des couleurs. Notre générateur de dégradé de couleurs utilise les algorithmes de dégradé de couleurs de notre créateur de logo My Brand New Logo, qui crée automatiquement des dégradés de couleurs beaux et bien équilibrés. Il vous suffit de sélectionner une seule couleur, et notre générateur de dégradé génère automatiquement un joli dégradé à partir de cela. Il y a beaucoup de science des couleurs en cours, mais soyez assuré que votre dégradé de couleurs a toujours l'air bien.
Notre générateur de dégradé d'arrière-plan CSS crée automatiquement un dégradé de couleurs en fonction de votre couleur sélectionnée. Nous avons différents styles de dégradés. Le style de lumière génère un dégradé de couleur qui semble être mis en évidence par une source de lumière. Parfait pour ajouter de l'éclat à vos couleurs. Le style profond pousse ce concept un peu plus loin et ajoute plus de teintes au spectre de couleurs. Le style arc-en-ciel est parfait pour des couleurs plus claires, pour créer un look nacre. Et le style intense crée un dégradé de couleurs intense, profond et riche.
Lorsque vous avez sélectionné une couleur, vous pouvez faire glisser les curseurs pour régler le dégradé. Le premier curseur contrôle la quantité de dégradé. Le deuxième curseur contrôle la rotation du dégradé de couleurs. Vous pouvez l'utiliser pour simuler d'où vient la lumière. Le troisième curseur passe du mode linéaire au mode radial.
Si vous êtes satisfait de votre dégradé, obtenez votre code CSS en copiant-collant le code de dégradé de couleur CSS généré. Placez-le dans votre propre code CSS pour obtenir exactement le même dégradé dans votre propre conception de sites Web.
Si vous souhaitez créer un logo avec un dégradé de couleurs, nous avons mis en place quelques règles pour vous:
Utilisez ce code CSS dans votre projet Web pour obtenir votre dégradé de couleurs: