Couleurs · Dégradés
Juan Garcia
Générateur de dégradés animés en WebGL, avec export en image 4K ou en boucle vidéo MP4.
Le site de Juan Garcia est un générateur de dégradés animés qui fonctionne avec WebGL et des shaders GLSL. Il est construit avec Three.js et se consulte dans le navigateur, sans inscription ni filigrane.
On y règle cinq couleurs, la fréquence du bruit et la vitesse, avec des textures de bruit et de grain, et l’on fait pivoter la caméra en trois dimensions. Des préréglages permettent de partir d’un modèle. Le résultat s’exporte en image jusqu’à la résolution 4K ou en boucle vidéo MP4, et chaque réglage est encodé dans une adresse que l’on peut partager. L’outil est gratuit.
Un graphiste y trouve de quoi produire des fonds d’écran, des arrière-plans animés pour un site ou une présentation, ou des textures granuleuses pour un visuel. Il s’agit d’un générateur plutôt que d’un catalogue de dégradés prêts à copier : le résultat dépend des réglages choisis, et le rendu animé sollicite la carte graphique.
Dans la même rubrique
-
Color-blend
meyerweb.com (site externe, nouvelle fenêtre)
Calcule jusqu’à dix couleurs intermédiaires entre deux couleurs données, avec leurs valeurs.
-
ColorGradient
colorgradient.dev (site externe, nouvelle fenêtre)
Outil gratuit pour créer visuellement des dégradés CSS simples et complexes.
-
Coolhue
webkul.github.io (site externe, nouvelle fenêtre)
Sélection de dégradés soignés, fournis avec le code correspondant.
-
CSS Gradient
cssgradient.io (site externe, nouvelle fenêtre)
Générateur de dégradés CSS avec aperçu, curseurs de couleurs et code prêt à copier.
-
CSS Gradient Editor
cssgradienteditor.com (site externe, nouvelle fenêtre)
Éditeur de dégradés CSS pour créer arrière-plans et motifs, avec code prêt à copier.
-
Eggradients
eggradients.com (site externe, nouvelle fenêtre)
Collection de dégradés de couleurs à copier, avec leur code CSS, pour les arrière-plans.