🎨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.
Convertissez une couleur entre HEX, RGB et HSL, 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.
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.
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.
Générez un effet glassmorphism CSS (verre dépoli) avec aperçu et code à copier.
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.
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.
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.
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.
Générez un QR code à partir d’un texte, d’une URL ou d’un lien, et téléchargez-le.
Générez une ombre de texte CSS (text-shadow) avec aperçu en direct et code à copier.
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.