Synesthetic Text Colorizer
How the grapheme-to-color mapping works
Grapheme-color synesthesia can be described as a function that assigns every grapheme in the alphabet set to a color in . To render the preview we convert each hex color to linearized RGB values via , ensuring consistent perceived brightness.
Because individual experiences vary, the palette below aggregates trends reported by surveys of grapheme-color synesthetes. You can adapt the lookup table in the script to emulate a specific person or fictional character.
| Grapheme | Hue description | Hex value |
|---|---|---|
| A | Crimson | #ff4d4d |
| B | Royal blue | #1e90ff |
| C | Sunlit gold | #ffd700 |
| D | Violet | #8a2be2 |
| E | Amber | #ffa500 |
| F | Forest green | #228b22 |
| G | Turquoise | #00ced1 |
| H | Petal pink | #ffc0cb |
| M | Magenta | #ff69b4 |
| R | Crimson red | #dc143c |
| 0 | Soft silver | #d3d3d3 |
| 7 | Pastel blush | #ffd1dc |
Interpreting colorized phrases
The calculator emphasizes contrast by checking luminance and dynamically switching text to a darker accent for pastel tones. This keeps the preview readable while preserving the vibrancy that synesthetes report.
| Phrase | Dominant colors | Mood description |
|---|---|---|
| AGENTCALC | Crimson, gold, turquoise | Energetic and analytical |
| HELLO WORLD 2035 | Petal pink, violet, silver | Futuristic but friendly |
| STEM STORIES | Tan, emerald, magenta | Playful science narrative |
Creative ways to use the colorizer
Educators can turn vocabulary drills into multisensory experiences by exporting the colorized output and embedding it in digital flashcards. Designers use the palette as a brainstorming tool for brand initials, while writers lean on it to imagine how synesthetic characters perceive dialogue. For auditory inspiration, pair this page with the Color to Sound Synesthesia Calculator, experiment with contrast via the Color Contrast Checker, or convert values between spaces using the RGB ↔ HSL Converter.
If you need precise palette control, open the Palette Generator in another tab and paste the copied hex values to adjust saturation or create gradients for animations and data visualizations.