Sur navigateur

Générateur de Dégradé CSS

design

Modifiez visuellement les dégradés linéaires et radiaux et copiez le code CSS propre.

Initializing tool...

🔒 Cet outil fonctionne entièrement dans votre navigateur. Rien n'est téléchargé ou envoyé à un serveur.

Comment utiliser Générateur de Dégradé CSS

  1. 1Choisissez ou saisissez vos valeurs HEX/RVB de couleur, ou téléchargez une image à inspecter.
  2. 2Ajustez les dégradés, les curseurs ou les couleurs pour voir les mises à jour en temps réel.
  3. 3Copiez le code CSS généré, les feuilles de style de dégradé ou les ratios de contraste.
  4. 4Utilisez le CSS directement dans votre projet de conception Web ou de logiciel.

Pourquoi utiliser notre outil Générateur de Dégradé CSS

Conforme aux WCAGLe vérificateur de contraste utilise les formules officielles des WCAG 2.1 pour vérifier la lisibilité AA et AAA.
Prêt pour CSSGénérez des dégradés linéaires et radiaux et copiez du code CSS propre et pré-préparé.
Sélecteur de Couleur Hors LigneChargez des images et choisissez des couleurs localement à l'aide des canvas du navigateur.

Foire aux questions

Q:Le vérificateur de contraste vérifie-t-il les normes WCAG ?

A:Oui. Il vérifie vos couleurs de premier plan et d'arrière-plan et calcule la luminance relative pour vérifier la conformité aux normes WCAG AA et AAA.

Q:Comment le générateur de dégradés exporte-t-il les codes ?

A:Il génère des styles CSS standard (par exemple linear-gradient) avec des angles et des points d'arrêt de couleur personnalisés, prêts à être copiés et collés dans votre projet.

Q:Puis-je extraire une palette de couleurs de mes photos hors ligne ?

A:Oui, l'extracteur de palette analyse les données de pixels de l'image localement pour regrouper et extraire les palettes de couleurs dominantes.

Utilitaires Connexes

design

Sublimateur de Capture d'Écran

Ajoutez de superbes cadres de navigateur, des ombres et des arrière-plans dégradés aux captures d'écran.

design

Pipette à Couleurs & Palettes

Inspectez les couleurs, générez des palettes assorties et copiez les valeurs HEX/RGB/HSL.

design

Vérificateur de Contraste

Vérifiez les ratios d'accessibilité du contraste des couleurs pour la conformité WCAG.

design

Créateur de Tier List

Créez des classements personnalisés par glisser-déposer avec des couleurs et étiquettes personnalisées.