CSSLab — Design & CSS
Des générateurs visuels pour le front-end au quotidien : composez des dégradés avec aperçu en direct et produisez des packs de favicon complets.
100% côté client Gratuit pour toujours Sans inscription
Fonctionne à 100% dans votre navigateur — rien n’est jamais envoyé.
Tous les outils CSSLab
Dégradé CSS Composez des dégradés linéaires, radiaux et coniques avec des arrêts de couleur déplaçables et un aperçu en direct — puis copiez un CSS propre et prêt à l’emploi. Générateur de favicon Téléversez une image et téléchargez un pack complet : favicon.ico, PNG de 16 à 512 px, icône Apple touch, webmanifest et les balises HTML à coller. Pipette Sélection visuelle avec codes HEX / RGB / HSL instantanés. Contraste Testez toute paire de couleurs contre les seuils WCAG AA et AAA. Palette Palettes harmoniques depuis toute couleur — avec variables CSS. Box shadow L'ombre CSS parfaite avec des curseurs et un aperçu en direct. Flexbox Ajustez les propriétés flexbox visuellement et copiez le CSS. Grid Concevez vos grilles visuellement — obtenez du CSS propre. SVG Réduisez vos SVG en toute sécurité — rendu visuel identique. Ratio Résolvez largeur/hauteur depuis un ratio cible instantanément. Générateur Border Radius Des coins simples aux formes blob organiques, par glissement. Générateur animations CSS Des keyframes professionnels sans écrire de code à la main. CSS vers Tailwind Des propriétés CSS aux utility classes en un collage. Simulateur de Daltonisme Voyez votre design comme les daltoniens. Spécificité CSS Quel sélecteur gagne ? Score (a,b,c). Éditeur de Tracés SVG Voir, comprendre et transformer les paths SVG. Images Placeholder Images factices sur mesure en PNG ou SVG.
Questions fréquentes
Mes images sont-elles envoyées lors de la création de favicons ?
Non. Le générateur de favicon redimensionne votre image avec l’API canvas entièrement dans votre navigateur et assemble le tout dans un ZIP en local. Votre création ne quitte jamais votre appareil.
Le CSS généré est-il prêt pour la production ?
Oui — le générateur de dégradés produit du CSS standard et moderne, compatible avec tous les navigateurs actuels, prêt à coller dans votre feuille de style.
Quelles tailles de favicon vais-je obtenir ?
Le jeu moderne complet : favicon.ico (16/32/48), PNG en 16, 32, 180 (Apple touch), 192 et 512 (Android/PWA), plus l’extrait HTML et le webmanifest prêts à l’emploi.