ASCII to Color Converter

This tool converts ASCII text into sequences of colored SVG circles following a phonemic-linguistic color mapping system. Each letter, digit, and punctuation mark maps to a circle with a specific fill color, border color, and inner accent. The mapping is not arbitrary. Consonants are organized by place of articulation (POA), manner, and voicing: voiced consonants receive a red border (border = #E74C3C), vowels carry yellow borders, and bilabial sounds use a dark blue center. Digits 0 - 4 mirror digits 5 - 9 with inverted palettes. Grouping characters like parentheses and brackets follow symmetrical color patterns. This mapping originated from the Color Text Chrome Extension project.

The converter handles uppercase and lowercase letters, digits, common punctuation, and whitespace. Unsupported characters render as gray circles. Spaces render as gaps. Line breaks are preserved. The output is valid SVG that can be copied, downloaded, or embedded directly into HTML. Note: because English letters do not fully correspond to single phonemes, the phonemic color organization is approximate. Characters like c and x represent multiple phonemes and receive compromise mappings.

Each character c in the input string maps to a triple of colors through a lookup function:

The SVG output for each character is a group of three concentric circles at position x = i × spacing, where i is the character index within its line:

The digit mirroring rule inverts fill and inner colors: for digit d where 5 ≤ d ≤ 9, its colors equal the swapped palette of digit (9 − d). Border color for voiced consonants is fixed at #E74C3C (red). Border color for vowels is fixed at #FFC107 (yellow). Where fill is the main circle body color, border is the outermost ring indicating voicing or vowel status, and inner is the small central dot indicating place of articulation.