Outils Design et CSS

Générez des dégradés CSS, des ombres, et des rayons de bordure, et vérifiez le contraste des couleurs pour le web. 17 outils — Fonctionne entièrement dans votre navigateur.

Entièrement local

Vérificateur de contraste de couleurs

Vérifiez si une paire de couleurs texte/fond respecte les normes de contraste d'accessibilité WCAG.

Outils Design et CSSOuvrir l'outil

Entièrement local

Générateur de dégradé CSS

Créez visuellement un dégradé CSS linéaire ou radial et copiez le code.

Outils Design et CSSOuvrir l'outil

Entièrement local

Générateur de box-shadow CSS

Concevez visuellement un box-shadow CSS avec des curseurs et copiez le code généré.

Outils Design et CSSOuvrir l'outil

Entièrement local

Générateur de border-radius CSS

Concevez visuellement des coins arrondis — y compris des formes asymétriques — et copiez le code CSS.

Outils Design et CSSOuvrir l'outil

Entièrement local

Convertisseur PX vers REM

Convertissez entre pixels et unités rem, en fonction d'une taille de police racine personnalisée.

Outils Design et CSSOuvrir l'outil

Entièrement local

Extracteur de Palette de Couleurs

Extrayez les couleurs les plus dominantes de n'importe quelle image, avec les codes HEX, RGB et CSS

Outils Design et CSSOuvrir l'outil

Entièrement local

Générateur de capture d'écran de code

Collez du code et transformez-le en image soignée avec un arrière-plan dégradé et une barre de titre, prête à partager

Outils Design et CSSOuvrir l'outil

Entièrement local

Simulateur de daltonisme

Voyez à quoi ressemble votre image pour une personne daltonienne (protanopie, deutéranopie, tritanopie ou achromatopsie)

Outils Design et CSSOuvrir l'outil

Entièrement local

Générateur de clip-path CSS

Choisissez une forme prédéfinie (cercle, triangle, étoile, bulle de message...) et copiez le code clip-path.

Outils Design et CSSOuvrir l'outil

Entièrement local

Générateur de courbe d'accélération Cubic Bezier

Faites glisser deux points pour concevoir visuellement une courbe d'accélération personnalisée et copiez le code cubic-bezier.

Outils Design et CSSOuvrir l'outil

Entièrement local

Générateur Glassmorphism CSS

Concevez visuellement un effet de carte en verre dépoli et copiez le code CSS prêt à l'emploi.

Outils Design et CSSOuvrir l'outil

Entièrement local

Générateur de mise en page CSS Grid & Flexbox

Concevez visuellement une mise en page Grid ou Flexbox avec un aperçu en direct et copiez le code CSS prêt à l'emploi.

Outils Design et CSSOuvrir l'outil

Entièrement local

Convertisseur de texte en écriture manuscrite

Transformez du texte tapé en une image qui ressemble à de l'écriture manuscrite sur papier ligné, avec plusieurs styles d'écriture.

Outils Design et CSSOuvrir l'outil

Entièrement local

Générateur de blobs et motifs d'arrière-plan SVG

Générez une forme organique aléatoire (blob) ou un motif d'arrière-plan répétitif sans couture en SVG, et copiez ou téléchargez-le.

Outils Design et CSSOuvrir l'outil

Entièrement local

Générateur d'animations CSS Keyframe

Concevez une animation CSS visuellement (apparition, glissement, zoom, rebond, rotation, retournement) et obtenez un code @keyframes prêt à l'emploi.

Outils Design et CSSOuvrir l'outil

Entièrement local

Générateur d'harmonie de palette de couleurs

Choisissez une couleur de base et obtenez une palette de couleurs harmonieuse (complémentaire, analogue, triadique, tétradique, monochromatique).

Outils Design et CSSOuvrir l'outil

Entièrement local

Générateur de dégradé maillé

Créez un arrière-plan en dégradé maillé doux et multipoint en un clic, et copiez le code CSS prêt à l'emploi.

Outils Design et CSSOuvrir l'outil

Outils similaires

Outils IA Outils de Texte Outils PDF Outils Image

Outils