# How to Change the Colour of Text in Any App or Platform Changing text colour sounds simple — and often it is. But the exact steps, available options, and even the *why* behind it vary enormously depending on where you're working. Whether you're formatting a Word document, styling a website, or customising a presentation, the method changes significantly from one tool to the next. ## Why Text Colour Matters More Than You Might Think Text colour isn't just decoration. It carries meaning. In business documents, colour helps **highlight key figures or warnings**. In presentations, it reinforces brand identity. In web design, it directly affects **readability and accessibility** — low contrast between text and background is one of the most common accessibility failures on the web. Understanding not just *how* to change text colour but *when and why* makes the difference between formatting that works and formatting that distracts. ## How to Change Text Colour in Common Applications ### Microsoft Word and Google Docs These are the most familiar environments for most people. In **Microsoft Word**: 1. Select the text you want to change. 2. Go to the **Home** tab on the ribbon. 3. Click the dropdown arrow next to the **Font Color** button (the "A" with a colour bar underneath). 4. Choose from the theme colours, standard colours, or click **More Colors** for full custom control including hex codes. In **Google Docs**: 1. Highlight your text. 2. Click the **Text color** icon in the toolbar (also an "A" with a colour bar). 3. Choose from preset colours or click the **+** icon to enter a custom hex value. Both applications support **custom hex colour codes**, which is useful when you need to match a specific brand colour precisely. ### Microsoft PowerPoint and Google Slides The process is almost identical to their word-processing siblings. Select the text, find the font colour tool in the toolbar or ribbon, and choose your colour. One important difference: presentations often work within a **theme colour palette**, so changing text colour outside that palette may create consistency issues across slides. ### HTML and CSS (Web Design) 🎨 For web content, text colour is controlled through code rather than a toolbar. In **HTML**, you can apply colour inline: ```html

This text is orange-red.

``` In **CSS**, the cleaner and more scalable approach: ```css p { color: #FF5733; } ``` Colours can be defined as: - **Hex codes** — `#FF5733` - **RGB values** — `rgb(255, 87, 51)` - **HSL values** — `hsl(11, 100%, 60%)` - **Named colours** — `red`, `navy`, `tomato` For web work, the **CSS `color` property** is the standard. Inline HTML `color` attributes are considered outdated practice and should be avoided in modern development. ### Markdown (Notes, GitHub, Documentation) Standard **Markdown does not support text colour**. It's a lightweight formatting language intentionally stripped of visual styling. If you need coloured text in a Markdown environment, you usually have to drop into raw HTML — and even then, many Markdown renderers (including GitHub) will strip inline styles for security reasons. Some tools built on Markdown — like **Notion**, **Obsidian**, or **Ghost** — add their own extended colour formatting options through their editor UI rather than through Markdown syntax itself. ### Mobile Apps (iOS and Android) Most mobile productivity apps — including the mobile versions of Word, Google Docs, and Pages — include text colour options, though the interface varies. Generally: - Select your text by long-pressing and dragging the selection handles. - Tap the **formatting icon** (often "A" or a paintbrush). - Locate the text colour option in the formatting panel. The mobile experience is typically more limited than desktop, with fewer custom colour options and smaller colour palettes. ## Variables That Affect How Colour Works Not all colour changes behave the same way across platforms. Several factors shape your results: | Factor | Why It Matters | |---|---| | **Colour format** | Hex, RGB, HSL, and named colours are not always interchangeable across tools | | **Colour profile** | Screen calibration affects how colours appear to different readers | | **Theme/template in use** | Applying colours outside a theme palette can break visual consistency | | **Export format** | A colour applied in Docs may render differently when exported to PDF or Word | | **Dark mode** | Text colours that work in light mode can become unreadable in dark mode | | **Accessibility contrast ratios** | WCAG guidelines recommend a minimum contrast ratio of 4.5:1 for body text | ## Accessibility and Contrast — A Factor Worth Taking Seriously Colour choice directly affects who can read your content. **Colour blindness** affects roughly 8% of men and 0.5% of women globally. Relying on colour alone to convey meaning — without also using bold, icons, or labels — excludes a meaningful portion of your audience. Tools like the **WebAIM Contrast Checker** allow you to test whether your chosen text and background colours meet accessibility standards before you publish or distribute. ## The Spectrum of Users and Setups Someone changing text colour in a school essay has very different needs from a front-end developer building a design system, or a marketing manager maintaining brand-consistent slide decks across a team. The tools are different, the colour formats are different, and the constraints — brand guidelines, accessibility requirements, export formats — are different too. Even within a single application, the right approach depends on whether you're making a one-off change, applying a style consistently, or building something that needs to scale. 💡 What the right colour-changing workflow looks like depends entirely on the platform you're in, the purpose of the document or page, and the constraints you're working within — and those sit with your specific setup, not with any single method.