Catégories

Catégories

Design et Ressources

Générez des couleurs, du CSS et des ressources visuelles légères. Cette collection rassemble des pages utilitaires rapides et ciblées.

75 outils

Calculatrice de Aspect Ratio

Calculez des ratios d'aspect simplifiés et des valeurs CSS aspect-ratio.

aspect ratiocssVidéo
Ouvrir l’outil

Contrast Vérificateur

Calculez le ratio de contraste WCAG entre deux couleurs.

contrastwcagaccessibility
Ouvrir l’outil

Convertisseur de Couleur

Convertissez entre les formats de couleur HEX, RGB et HSL.

couleurhexrgb
Ouvrir l’outil

Formateur de CSS

Formatez le CSS avec une indentation lisible.

cssFormateurbeautifier
Ouvrir l’outil

Formateur de SVG

Format SVG markup avec consistent indentation.

svgFormateurbeautifier
Ouvrir l’outil

Générateur CSS d’accordéon

Générez du CSS pour des panneaux d’accordéon.

accordionfaqcss
Ouvrir l’outil

Générateur CSS de barre de défilement

Générez du CSS pour des barres de défilement personnalisées.

scrollbarcssui
Ouvrir l’outil

Générateur CSS de barre de progression

Générez des composants CSS pour barres de progression.

progress barcssui
Ouvrir l’outil

Générateur CSS de bordure dégradée

Créez des styles CSS pour les bordures en dégradé de couleurs.

gradient bordercssui
Ouvrir l’outil

Générateur CSS de bouton bascule

Générez des styles CSS pour des boutons bascule.

toggle switchcssui
Ouvrir l’outil

Générateur CSS de bouton hamburger

Générez des styles CSS pour les boutons de menu hamburger.

hamburger menucssnavigation
Ouvrir l’outil

Générateur CSS de carte avec ruban

Générez du CSS pour des cartes avec un badge ruban.

ribbonpromo Cartecss
Ouvrir l’outil

Générateur CSS de modal-backdrop

Générez des effets CSS pour les arrière-plans modaux.

modal backdropoverlaycss
Ouvrir l’outil

Générateur CSS de panneau vitré

Générez du CSS pour des panneaux dans le style Glassmorphism.

glassmorphismcssui Carte
Ouvrir l’outil

Générateur CSS de pile d’avatars

Créez des piles d’avatars superposés avec CSS.

avatar Empilementcssui
Ouvrir l’outil

Générateur CSS de skeleton-loader

Générez des extraits CSS pour skeleton-loader.

skeleton loadercssloading
Ouvrir l’outil

Générateur CSS de soulignement de lien

Générez du CSS pour des soulignements animés sur les liens.

link hoverunderline animationcss
Ouvrir l’outil

Générateur CSS de spinner-loader

Générez des extraits CSS pour spinner-loader.

spinnerloadercss animation
Ouvrir l’outil

Générateur CSS de superpositions bruitées

Générez des styles CSS pour des superpositions de bruit.

noise overlaycsstexture
Ouvrir l’outil

Générateur CSS de tab-pills

Générez du CSS pour des onglets ronds en forme de pilules.

tabssegmented controlcss
Ouvrir l’outil

Générateur CSS de toast

Générez des styles CSS pour les notifications toast.

toastnotificationcss
Ouvrir l’outil

Générateur CSS de tooltip

Générez des extraits CSS pour tooltips.

tooltipcssui component
Ouvrir l’outil

Générateur CSS pour anneaux de focus

Générez du CSS accessible pour les anneaux de focus.

focus ringaccessibilitycss
Ouvrir l’outil

Générateur CSS pour arrière-plans Hero

Générez du CSS pour les arrière-plans Hero.

hero backgroundcss gradientlanding page
Ouvrir l’outil

Générateur CSS pour badges en forme de pilule

Générez du CSS pour styles de badges en forme de pilule.

badgePilulecss
Ouvrir l’outil

Générateur CSS pour boutons outline

Générez du CSS minimaliste pour boutons outline.

Bouton cssoutline Boutonui
Ouvrir l’outil

Générateur CSS pour cartes tarifaires

Générez des styles CSS pour les cartes tarifaires.

pricing Cartecsslanding page
Ouvrir l’outil

Générateur CSS pour effets de survol de carte

Générez un extrait CSS pour les effets de survol sur les cartes.

css Cartehoverui
Ouvrir l’outil

Générateur CSS pour motifs à points

Générez des motifs CSS pour arrière-plans à pois.

dot patternbackgroundcss
Ouvrir l’outil

Générateur CSS pour ombre de texte

Générez rapidement et directement du CSS pour text-shadow.

Texte shadowcsstypography
Ouvrir l’outil

Générateur CSS pour panneaux Neumorph

Générez du CSS pour des panneaux au style neumorphisme.

neumorphismcssui
Ouvrir l’outil

Générateur CSS pour séparateurs en vague

Générez des extraits CSS et SVG pour des séparateurs en forme de vague.

wave dividercsssvg
Ouvrir l’outil

Générateur CSS pour tables à rayures zébrées

Générez du CSS à rayures zébrées pour les tableaux.

table csszebra tableui
Ouvrir l’outil

Générateur de Article Schema

Générer Article JSON-LD schema.

article schemajson-ldseo
Ouvrir l’outil

Générateur de Barcode

Générer barcode images pour product IDs et codes.

barcodeGénérateurean13
Ouvrir l’outil

Générateur de border-radius

Génère un CSS border-radius à partir de valeurs de coins individuelles.

border-radiuscssGénérateur
Ouvrir l’outil

Générateur de Box Shadow

Générez des valeurs CSS box-shadow avec décalages et flou personnalisés.

box shadowcssdesign
Ouvrir l’outil

Générateur de Breadcrumb Schema

Générer JSON-LD breadcrumb schema.

breadcrumb schemajson-ldseo
Ouvrir l’outil

Générateur de CSS Button

Générer styled CSS Bouton code.

css BoutonuiGénérateur
Ouvrir l’outil

Générateur de CSS Clamp

Générez des valeurs CSS clamp() fluides pour la typographie.

css clampfluid Typeresponsive
Ouvrir l’outil

Générateur de CSS Filtre

Générez des valeurs CSS de filtre avec un aperçu de l'effet visuel.

css Filtreblurcontrast
Ouvrir l’outil

Générateur de CSS Gradient

Génère un dégradé linéaire et copie immédiatement le CSS.

gradientcssbackground
Ouvrir l’outil

Générateur de CSS Gradient Texte

Générer CSS pour gradient-colored Texte.

gradient Textecsstypography
Ouvrir l’outil

Générateur de CSS Grid

Générez des mises en page CSS Grid avec colonnes, espacement et tailles de lignes.

css gridlayoutGénérateur
Ouvrir l’outil

Générateur de CSS pour bannières défilantes

Générez du CSS pour des bannières marquee animées.

marqueetickercss animation
Ouvrir l’outil

Générateur de CSS pour curseur à plage

Générez du CSS personnalisé pour les curseurs à plage.

range sliderEntrée rangecss
Ouvrir l’outil

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

Générez du CSS pour des arrière-plans à dégradés maillés.

Maille gradientbackgroundcss
Ouvrir l’outil

Générateur de CSS pour formes Blob

Générez des formes organiques Blob avec CSS.

bloborganic shapecss
Ouvrir l’outil

Générateur de CSS pour indicateurs de statut

Générez du CSS pour des badges de statut en temps réel.

status badgeindicatorcss
Ouvrir l’outil

Générateur de CSS pour Timeline

Générez du CSS pour des timelines verticales.

timelineroadmapcss
Ouvrir l’outil

Générateur de CSS Transform

Construisez des chaînes CSS transform à partir de valeurs de transformation courantes.

css transformtranslaterotate
Ouvrir l’outil

Générateur de Email Signature

Créez un bloc de signature e-mail soigné.

emailsignaturehtml
Ouvrir l’outil

Générateur de Event Schema

Générer Event JSON-LD structured data.

event schemajson-ldseo
Ouvrir l’outil

Générateur de Favicon

Créez un favicon SVG simple à partir d'initiales et de couleurs de marque.

faviconsvgGénérateur
Ouvrir l’outil

Générateur de Flexbox

Générez du CSS de conteneur flex avec une prévisualisation de mise en page en direct.

flexboxcss layoutfrontend
Ouvrir l’outil

Générateur de Floating Label Entrée CSS

Générer floating label Entrée CSS.

floating labelformcss
Ouvrir l’outil

Générateur de grille de base

Générez les valeurs de grille de base et le CSS pour un rythme vertical propre.

baseline gridtypographycss
Ouvrir l’outil

Générateur de Local Business Schema

Générer LocalBusiness JSON-LD schema.

local business schemajson-ldseo
Ouvrir l’outil

Générateur de Palette de couleurs

Génère des nuances plus claires et plus foncées à partir d’une couleur de base.

Palette de couleursshadesdesign
Ouvrir l’outil

Générateur de Placeholder SVG

Générez des images SVG factices personnalisables.

placeholdersvgimage
Ouvrir l’outil

Générateur de Product Schema

Générer Product JSON-LD schema markup.

product schemajson-ldseo
Ouvrir l’outil

Générateur de QR Code

Générer QR code image links pour URLs et Texte.

qr codeGénérateururl Outils
Ouvrir l’outil

Générateur de Robots Meta Étiquette

Générer robots meta étiquettes pour indexing controls.

robots metaseoindexing
Ouvrir l’outil

Générateur de Shadow Palette

Générer a 5-step CSS shadow scale.

shadowdesign tokenscss
Ouvrir l’outil

Générateur de Triangle CSS

Génère des CSS triangles pour les flèches et petits indicateurs.

Triangle CSSFlècheui
Ouvrir l’outil

Générateur de Twitter Card

Générer Twitter Carte meta étiquettes pour pages.

twitter Cartemeta étiquettesseo
Ouvrir l’outil

Image Filigrane

Apposez du texte sur une image localement et exportez le résultat.

Filigrane imageMarque imageTexte overlay
Ouvrir l’outil

Image Filtre Studio

Appliquez des filtres de couleur et de flou côté navigateur à une image importée.

image FiltrePhoto effectsbrightness contrast
Ouvrir l’outil

Image Palette Extracteur

Extrayez les couleurs dominantes d'une image importée entièrement dans le navigateur.

Palette de couleursExtraire colorsimage colors
Ouvrir l’outil

Image vers Favicon Pack

Générez un pack PNG au format favicon à partir d'une image importée dans le navigateur.

Générateur de faviconapp iconimage vers icon
Ouvrir l’outil

Minificateur de CSS

Minifiez du CSS en supprimant les commentaires et les espaces superflus.

cssMinificateurperformance
Ouvrir l’outil

SVG Optimiseur

Supprimez les commentaires et réduisez les espaces dans le balisage SVG.

svgOptimiseurminify
Ouvrir l’outil

SVG vers Base64

Convertir SVG markup into Base64 et data URI Sortie.

svgbase64data uri
Ouvrir l’outil

SVG vers Data URI

Convertissez du balisage SVG en data URI prêt pour CSS.

svgdata uricss
Ouvrir l’outil

Visionneuse SVG

Affichez le balisage SVG brut directement dans le navigateur.

svgVisionneuseAperçu
Ouvrir l’outil

Catégories associées