Outils Design — Gratuits en ligne

Vérificateur de contraste WCAG et APCA

Vérifiez l'accessibilité des couleurs avec les ratios WCAG 2.1 et les scores APCA modernes avec simulation de vision en temps réel.

Générateur d'animations CSS

Concevez des animations keyframe haute performance visuellement avec aperçu en direct et contrôles d'easing.

Générateur de Border Radius CSS

Créez visuellement des border-radius CSS avancés à 8 points. Concevez des cercles, formes organiques et fantaisie.

Générateur de Box Shadow CSS

Concevez visuellement des ombres CSS multi-couches avec aperçu en temps réel et support des ombres internes.

Générateur de filtres CSS

Appliquez des filtres CSS en temps réel comme flou, contraste et luminosité aux images avec aperçu en direct et export de code.

Générateur CSS Flexbox

Concevez des mises en page flexibles visuellement avec un bac à sable interactif pour les propriétés conteneur et enfant.

Générateur CSS Grid

Concevez des mises en page 2D complexes visuellement. Glissez pour créer des zones de grille, ajustez les pistes et exportez du CSS propre.

Convertisseur PX en REM

Convertisseur bidirectionnel px/rem avec correspondance Tailwind CSS, générateur de typographie fluide clamp() et conversion CSS par lot.

Convertisseur SVG en CSS

Convertissez les icônes SVG en URI de données CSS optimisés avec formats background-image, mask-image et sortie Tailwind.

Générateur de favicons

Générez des favicons à partir de texte, emoji ou images en formats ICO, PNG, SVG et bundle PWA avec support du mode sombre.

Générateur de dégradés CSS

Créez de beaux dégradés CSS avec un éditeur visuel supportant les types linéaire, radial et conique avec interpolation OKLCH et texture granuleuse.

Générateur de palettes de couleurs

Générez des palettes de couleurs harmonieuses en OKLCH avec six modes d'harmonie, matrice de contraste WCAG et export CSS/Tailwind/JSON.

Sélecteur de couleur