Outils de design
Outils de couleurs, de mise en page et d'images pour designers
Choisissez un outil ci-dessous. Tout est gratuit et s'exécute dans votre navigateur.
🎨 Outils de design · Total 39 outils
Générateur d'avatars (identicon)Avatar generator: create cartoon avatars from name or random with style, size and background for social and dev, with one-click copy, offline.
Générateur de formes organiquesBlob maker: customize random blob shapes with color and animation export for design and backgrounds, with one-click copy, offline.
Générateur de rayons de bordureBorder radius generator: adjust four corners with live preview generating border-radius code for design, with one-click copy and offline.
Générateur de box-shadowCSS box-shadow generator: adjust horizontal, vertical offset, blur, spread and color opacity with live preview and copy for design, with one-click copy and offline.
Générateur de clip-pathClip-path generator: visually drag polygon, circle and ellipse clipping with live preview and code copy, responsive and animated for front-end layouts.
Sélecteur de couleurs en ligneColor picker: pick via HSL sliders or HEX, instantly shows HEX/RGB/HSL with one-click copy. For design and frontend. Supports batch processing and offline use.
Générateur de schémas de couleursColor scheme generator: generate complementary and triadic palettes from a base color with HEX output for design and branding, with one-click copy and offline.
Générateur d'animations CSSCSS animation generator: pick animation type, duration and easing to generate keyframes code with live preview for frontend, with one-click copy and offline.
Générateur de filtres CSSCSS filter generator: adjust blur, brightness, contrast and hue with live preview and code copy for image effects. Supports batch processing and one-click copy.
Générateur de dégradés CSSCSS gradient generator: pick colors, angle and linear/radial type with live preview and one-click copy of CSS for frontend and design, offline and multilingual.
Générateur CSS GridCSS grid generator: set columns, rows and gap to generate grid layout code with live preview for web and responsive design, with one-click copy and offline.
Visualiseur de courbes d'easingEasing visualizer: pick from 8 easings (ease, linear, ease-in-out, bounce…) for an instant SVG curve plus paste-ready CSS value, with one-click copy.
Copier des emojisEmoji copy and paste: browse 500+ emojis by category, search and copy with one click and favorites for chat and social, with one-click copy and offline.
Générateur de faviconFavicon generator: enter text and colors to generate website icon PNG with multiple sizes and download for site and branding, with one-click copy and offline.
Générateur d'associations de policesFont pairing generator: pick a style (modern, elegant, classic, playful, tech) for a heading + body font combo with paste-ready CSS and live preview. All fonts free on Google Fonts.
Aperçu de policeFont preview tool: enter text and adjust size, weight, line-height and color with live preview and CSS output for typography, with one-click copy and offline.
Convertisseur de taille de policeFont size converter: convert between px, pt, em, rem and percent with custom root size and live preview for frontend and typography, with one-click copy and offline.
Générateur glassmorphismGlassmorphism generator: adjust blur, opacity, radius and border to preview frosted glass and generate backdrop-filter CSS. Supports batch export and one-click copy.
Générateur de bordures dégradéesGradient border generator: adjust gradient angle, colors and border width with live preview and CSS copy for cards and buttons.
Générateur de texte dégradéGradient text generator: enter text, two colors and an angle for instant gradient text with live preview and paste-ready CSS.
Comparaison de compression d'imageImage compare tool: upload original and compressed images side by side showing size, dimensions and savings for compression tuning, with one-click copy and offline.
Recadrage d'image en ligneImage cropper: upload image and crop by coordinates or aspect ratio with preview for avatars, with one-click copy and offline.
Outil de filtre d'imageImage filter: add grayscale, vintage and blur filters to images with live preview and download for social and quick edi Supports batch processing and one-click copy.
Rotation et retournement d'imageImage rotate and flip tool: rotate 90/180 degrees and flip horizontally or vertically with live preview for quick correction, with one-click copy and offline.
Image en art ASCIIImage to ASCII: convert images to ASCII art with grayscale, color and size options for geek art and text art. Supports batch processing and one-click copy.
Générateur de mèmesMeme generator: upload image and add top and bottom text white with black outline for social media, with one-click copy and offline.
Générateur de texte néonNeon text generator: enter text, color and glow (0-40) for instant neon glow preview on dark/light background with paste-ready CSS.
Palette depuis une imagePalette from image: upload an image to extract 5 dominant colors as a palette with one-click HEX copy for designers and branding, with one-click copy and offline.
Palette vers variables CSSPalette to CSS converter: export color list as CSS variables or Tailwind config for design, with one-click copy and offline.
Outil de pixellisation d'imageImage pixelation tool: adjust block size to create mosaic and pixel-art with live preview for privacy and design, one-click copy and offline.
Générateur d'images de remplacementPlaceholder image generator: create images by size, background, text and format with bulk and preview for design dev, with one-click copy, offline and multilingual.
Générateur de couleurs aléatoiresRandom color generator: generate multiple vivid random colors with HEX/RGB/HSL output and palette save for design and inspiration, with one-click copy and offline.
Générateur de palettes aléatoiresRandom palette generator: create harmonious palettes with HEX RGB and contrast, lock, export and bulk for design branding, with one-click copy, with one-click copy,.
Générateur SVG simpleSimple SVG generator: pick circle, rect, triangle, star or heart with size and color for instant embeddable SVG code with preview. Infinitely scalable.
Générateur d'icônes SVGSVG icons: pick check, close, heart, star and more with color and size (8-128px) for instant embeddable SVG, Data URL usage and preview.
Générateur de motifs SVGSVG patterns: pick dots, grid, stripes and more with colors and size for seamless tileable SVG plus CSS background code.
Générateur d'ombre de texteText shadow generator: adjust offset, blur and color with live preview and CSS copy, supports multi-layer shadows for headings.
Outil de filigrane d'imageWatermark image tool: add text watermark with position, size and opacity and live preview for branding, with one-click copy and offline.
Générateur de séparateurs de vagueWave dividers: pick single/double wave, angle or curve with color and flip for instant SVG divider, CSS background snippet and preview.
FAQ
Qu'est-ce que la catégorie Outils de design ?
La catégorie Outils de design comprend 39 outils gratuits, tous dans le navigateur.
Ces outils sont-ils gratuits ?
Oui, tous gratuits et sans limite d'utilisation.
Faut-il s'inscrire ?
Non. Ouvrez la page et utilisez-la ; vos données restent locales.
Quelles langues sont prises en charge ?
This site supports 12 languages: Chinese, English, Japanese, Spanish, French, Portuguese, Arabic, Indonesian, Hindi, Thai, Vietnamese and Bengali.