Comment fonctionne l'ASCII art en couleur
L'ASCII art classique encode une image uniquement via la densité visuelle des caractères — les zones sombres sont représentées par des caractères "lourds" (comme @, # ou M), les zones claires par des caractères épars (comme . ou l'espace). L'information de couleur est abandonnée, et le résultat est du texte monochrome.
L'ASCII art en couleur ajoute une seconde dimension : pour chaque caractère placé, l'outil lit également les valeurs R, V et B du pixel correspondant dans l'image d'origine. Il applique ensuite cette couleur exacte au caractère via une propriété CSS color dans la sortie HTML. Chaque caractère devient un glyphe coloré, et l'ensemble constitue une mosaïque qui conserve à la fois la structure de luminance et la richesse chromatique de l'image.
Le pipeline technique
Flowfiles traite les images entièrement dans le navigateur via l'API Canvas. Voici ce qui se passe quand le mode couleur est actif :
- L'image est dessinée sur un élément canvas HTML caché à la résolution cible (déterminée par la largeur en colonnes).
- Pour chaque position de colonne pixel,
getImageData()récupère les valeurs RVBA du pixel. - La luminance est calculée comme une moyenne pondérée :
0,299R + 0,587V + 0,114B, reproduisant la perception humaine. - La valeur de luminance sélectionne un caractère dans le jeu choisi (Détaillé, Standard ou Blocs).
- Les valeurs R, V, B sont appliquées à ce caractère via
style="color:rgb(r,g,b)"inline. - Tous les caractères sont assemblés dans un bloc
<pre>sur fond sombre pour un contraste maximal.
L'export HTML coloré enveloppe ce bloc <pre> dans une page web minimale et autonome avec une police monospace intégrée. L'export PNG rend l'aperçu coloré sur un élément canvas et appelle toDataURL() pour produire une image téléchargeable.
Quelles images donnent les meilleurs résultats
Couleurs saturées et vives
L'ASCII art en couleur est le plus saisissant quand l'image source a des couleurs audacieuses et distinctes. Les illustrations numériques, captures d'anime, pochettes d'album et logos graphiques sont idéaux. Quand les couleurs sont vives et les formes claires, la mosaïque de caractères conserve une forte lisibilité tout en préservant la palette.
Contraste marqué
La sélection des caractères reste guidée par la luminance. Une image à faible contraste produira des caractères de densité similaire dans toute la zone, rendant la forme difficile à lire. Utilisez le curseur de contraste (1,2–1,5×) pour amplifier les différences tonales avant d'activer la couleur.
Sujets bien définis
Les images avec un sujet clair sur un fond distinct produisent les résultats les plus lisibles. La forme du sujet est rendue en caractères, la couleur ajoute de la vibrance. Les images entièrement composées de textures complexes ou de bruit donnent des résultats moins lisibles en mode couleur.
Éviter les images très sombres
Les images sombres produisent surtout des caractères quasi noirs même en mode couleur. L'option Inverser peut aider — elle inverse le mapping de densité des caractères pour que les zones sombres deviennent des caractères clairs, ce qui peut faire ressortir les couleurs dans les ombres.
Formats d'export pour la sortie colorée
Télécharger en HTML coloré
L'export HTML génère une page web autonome. Chaque caractère a sa couleur intégrée en style inline. Le fichier inclut la référence de police monospace et le fond sombre. Ouvrez-le dans n'importe quel navigateur et il s'affiche en ASCII art coloré. Vous pouvez l'héberger, le partager ou l'intégrer dans des projets — sans dépendances externes.
Télécharger en PNG
L'export PNG rastérise l'aperçu coloré à la taille de police choisie. Plus la taille de police est grande, plus la résolution de sortie est élevée. Le PNG est le format à utiliser pour partager le résultat comme image sur les réseaux sociaux, Discord ou toute plateforme ne supportant pas le HTML brut.
Copier dans le presse-papier
La copie presse-papier produit du texte brut — les caractères seulement, sans couleur. Utile pour les terminaux, les fichiers README et les éditeurs de texte, mais les informations de couleur ne sont pas portables en texte brut. Utilisez l'export HTML ou PNG pour une sortie conservant les couleurs.
Comment générer de l'ASCII art en couleur
Ouvrir le convertisseur — cliquez sur le bouton ci-dessus. Aucun compte requis.
Charger une image colorée — glissez-déposez un JPG, PNG, WebP ou GIF, ou collez avec Ctrl+V. Les illustrations et photographies vives donnent les meilleurs résultats.
Activer le mode Couleur — cochez la case Couleur dans la barre d'options. L'aperçu se met à jour immédiatement.
Affiner les réglages — ajustez la largeur en colonnes (80–120 pour la plupart des images), augmentez le contraste si l'image est plate, essayez le jeu Détaillé pour les dégradés de couleur les plus fins.
Exporter — téléchargez en .html pour une page web colorée autonome, ou en PNG pour partager comme image.
Fonctionnalités
FAQ
Ouvrez le convertisseur, chargez votre image et activez la case Couleur. Chaque caractère prend la couleur RVB exacte du pixel qu'il représente. Exportez en HTML ou PNG pour conserver les couleurs — la copie texte brut ne contient pas les informations de couleur.
L'ASCII art classique encode uniquement la luminance — les caractères sont monochromes. L'ASCII art en couleur ajoute les valeurs RVB par caractère depuis les pixels d'origine, appliquées en CSS inline. Le résultat est une mosaïque de caractères en pleine couleur.
Téléchargez en PNG pour partager sur les réseaux sociaux, Discord ou toute plateforme image. Téléchargez en HTML pour une page web autonome avec toutes les couleurs intégrées. L'export texte brut ne conserve pas les couleurs.
Les images aux couleurs vives et saturées avec un fort contraste — illustrations numériques, logos colorés, art anime. Évitez les images très sombres ou désaturées. Utilisez le curseur de contraste à 1,2–1,5× pour les photos plates.