🎨Outils média & couleur en ligne
Cette catégorie réunit les outils média et couleur pour designers et développeurs : traitement d'image, générateurs CSS de dégradés et d'ombres, palettes de couleurs et vérificateur de contraste. Créez des visuels et du CSS accessibles, gratuitement et sans envoyer vos images.
Calculez un ratio d’aspect (16:9…) et déduisez une dimension proportionnelle manquante.
Générez un code-barres (EAN-13, Code128, UPC) à partir d’une valeur, téléchargeable, dans le navigateur.
Décodez une data URI ou du Base64 en image affichée et téléchargeable, dans le navigateur.
Créez des coins arrondis CSS (border-radius) avec aperçu en direct et code à copier.
Générez une ombre portée CSS (box-shadow) avec aperçu en direct et code à copier.
Rendez transparente une couleur de fond (fond vert/bleu) d’une image et exportez un PNG, dans le navigateur.
Simulez le rendu d’une image pour différents daltonismes (protanopie, deutéranopie, tritanopie, achromatopsie).
Convertissez une couleur entre HEX, RGB, HSL, HSV et CMYK. Collez n’importe quel format en entrée, avec aperçu.
Récupérez la couleur d’un pixel en cliquant directement sur une image importée (HEX, RGB), dans le navigateur.
Générez une échelle de nuances (teintes et ombres) à partir d’une couleur de base.
Extrayez les couleurs dominantes d’une image importée pour créer une palette, dans le navigateur.
Vérifiez le ratio de contraste entre deux couleurs et la conformité WCAG AA / AAA.
Générez une valeur CSS clamp() fluide (typographie responsive) entre deux tailles d’écran.
Générez la propriété CSS filter (flou, luminosité, contraste, sépia, teinte…) avec aperçu en direct.
Créez un dégradé CSS (linéaire ou radial) avec aperçu en direct et code prêt à copier.
Générez une animation CSS @keyframes (fondu, glissé, rebond…) avec aperçu et code.
Personnalisez une barre de défilement CSS (largeur, couleurs, arrondi) avec le code.
Générez un spinner / loader CSS animé (taille, couleur, vitesse) avec aperçu.
Générez un triangle CSS (astuce des bordures) avec direction, taille et couleur.
Convertissez des unités CSS (px, rem, em, pt) avec une base configurable.
Générez un favicon PNG à partir d’un emoji, en plusieurs tailles, directement dans le navigateur.
Affichez les métadonnées EXIF d’une photo (appareil, date, GPS) sans l’envoyer en ligne.
Générez un favicon (PNG 16/32/48/180 px) à partir d’une image importée, dans le navigateur.
Décomposez un GIF animé en images (frames) PNG téléchargeables, directement dans le navigateur.
Générez un effet glassmorphism CSS (verre dépoli) avec aperçu et code à copier.
Appliquez un flou à une image (rayon réglable) et téléchargez le résultat, dans le navigateur.
Encadrez une image avec une bordure de couleur et d’épaisseur choisies, téléchargeable, dans le navigateur.
Ajustez la luminosité et le contraste d’une image et téléchargez le résultat, dans le navigateur.
Compressez une image (JPG/WebP, curseur de qualité) pour réduire son poids, sans upload.
Convertissez une image entre PNG, JPG et WebP directement dans le navigateur, sans upload.
Recadrez une image en dessinant la zone directement à la souris, puis téléchargez.
Appliquez un tramage (dithering Floyd-Steinberg, effet rétro) à une image, dans le navigateur.
Convertissez une image en niveaux de gris (noir et blanc) et téléchargez-la, dans le navigateur.
Inversez les couleurs d’une image (négatif) et téléchargez le résultat, dans le navigateur.
Ajoutez du grain/bruit à une image (effet argentique) et téléchargez le résultat, dans le navigateur.
Pixelisez une image (taille de pixel réglable) et téléchargez le résultat, dans le navigateur.
Réduisez le nombre de couleurs d’une image (postérisation) et téléchargez le résultat, dans le navigateur.
Redimensionnez une image (largeur/hauteur, ratio conservé) sans upload, puis téléchargez.
Pivotez (90/180/270°) et retournez (miroir) une image, puis téléchargez, sans upload.
Arrondissez les coins d’une image (rayon réglable) et exportez un PNG transparent, dans le navigateur.
Appliquez un filtre sépia (effet vintage) à une image et téléchargez-la, dans le navigateur.
Accentuez la netteté d’une image (convolution) et téléchargez le résultat, dans le navigateur.
Convertissez une image en art ASCII (caractères selon la luminosité), directement dans le navigateur.
Convertissez une image (PNG, JPG, GIF, WebP) en chaîne Base64 / data URI, sans upload.
Convertissez une image en fichier .ico multi-tailles (favicon Windows), directement dans le navigateur.
Ajoutez un filigrane texte sur une image (position et opacité réglables), téléchargeable, dans le navigateur.
Générez un effet neumorphism (soft UI) en CSS avec aperçu en direct et code à copier.
Générez un QR code depuis un texte ou une URL : couleurs, taille, marge, niveau de correction, export PNG/SVG.
Générez des formes « blob » SVG organiques et aléatoires, avec code SVG à copier ou à télécharger.
Générez des motifs SVG répétables (points, grille, damier, chevrons, diagonales) pour vos fonds.
Générez des séparateurs de section en vagues SVG (hauteur, amplitude, fréquence, couleur), avec export.
Générez une ombre de texte CSS (text-shadow) avec aperçu en direct et code à copier.
Transformez un texte en image PNG (police, couleurs, fond configurables) téléchargeable, dans le navigateur.
Lisez un texte à voix haute avec la synthèse vocale du navigateur (FR/EN, choix de voix).
Questions fréquentes
Comment vérifier le contraste des couleurs ?
Le vérificateur de contraste calcule le ratio entre deux couleurs et indique s'il respecte les critères d'accessibilité WCAG AA et AAA.
Mes images sont-elles téléversées sur un serveur ?
Non. Le traitement d'image se fait localement dans votre navigateur : vos fichiers restent privés et ne sont jamais envoyés en ligne.