how to color text on tumblr

How To Color Text On Tumblr: A Step-By-Step Guide

By Hannah Taylor
AD

Given the visual nature of Tumblr, customizing text is an essential part of creating engaging content. Learning how to color text on Tumblr can add a unique touch to your posts, helping them stand out in the sea of content. This guide will walk you through the process, ensuring you have all the necessary tools to enhance your Tumblr experience.

Before we dive into the specifics, ensure you are using a computer as the text formatting options are not available on the mobile app.

Understanding Tumblr's Text Editor

Tumblr's rich text editor might seem daunting at first, but it's quite intuitive once you get the hang of it. The toolbar at the top of the post box houses various formatting options, including text color. Let's explore the basics before delving into detailed steps.

AD
the text on the phone says, i do this when i mix paint on the palate
the text on the phone says, i do this when i mix paint on the palate
a piece of paper with writing on it that says, how i color my illustrations
a piece of paper with writing on it that says, how i color my illustrations
an anime character is shown with the caption that reads, i like you shows you how to color mango
an anime character is shown with the caption that reads, i like you shows you how to color mango

There are two ways to color text in Tumblr: using the text color tool in the editor or using HTML/CSS code. We'll exemplify both methods for a comprehensive understanding.

Using the Text Color Tool

The text color tool is a quick and easy way to change the color of your text. Here's how you can use it:

the text on the page says, shading color tips they're not black
the text on the page says, shading color tips they're not black
a pink poster with some writing on it and an image of a swirly substance in the background
a pink poster with some writing on it and an image of a swirly substance in the background
the before and after photoshopped text effect for an upcoming video game called share glass
the before and after photoshopped text effect for an upcoming video game called share glass

1. Click on the 'T' button on the Tumblr post editor toolbar to start a text post.

2. Type or paste the text you want to color.

AD

3. Select the text you want to change the color of.

COLORING TUTㅤㅤㅤ﹒ㅤ 𝐌𝐁𝐂𝐂-𝟎𝟎𝟎
COLORING TUTㅤㅤㅤ﹒ㅤ 𝐌𝐁𝐂𝐂-𝟎𝟎𝟎
an info sheet with different colors and shapes for the computer game coloritety 2
an info sheet with different colors and shapes for the computer game coloritety 2
9 Things To Say In An Opening Text Instead Of 'Hey'
9 Things To Say In An Opening Text Instead Of 'Hey'
an image of how to color utensils in acrylic and pastel
an image of how to color utensils in acrylic and pastel
the color scheme for an article on how to use it in your website or application
the color scheme for an article on how to use it in your website or application
LIA★ on Instagram: “ok ik there r better tutorials out there but i thought maybe this could help someone out bc these r the preferences EYE use so 😗😗 + my…” How To Color In Digital Art, Digital Coloring Tips, Digital Art Tips For Beginners, How To Color Digital Art, How To Color Digital, Digital Colouring Tips, Digital Art Colouring Tips, Digital Art Effects, How To Colour Digital Art
LIA★ on Instagram: “ok ik there r better tutorials out there but i thought maybe this could help someone out bc these r the preferences EYE use so 😗😗 + my…” How To Color In Digital Art, Digital Coloring Tips, Digital Art Tips For Beginners, How To Color Digital Art, How To Color Digital, Digital Colouring Tips, Digital Art Colouring Tips, Digital Art Effects, How To Colour Digital Art

4. Click on the color palette icon (it looks like a square with a vertical line) on the editor toolbar.

5. Choose the color you desire from the color picker that appears.

AD

6. Adjust the text color to your liking using the color picker options, then click 'Okay'.

7. Click 'Publish' to post your text.

Using HTML/CSS Code for Advanced Text Formatting

For more precise control over your text color, you can use HTML/CSS code. This method allows you to pick specific shades, apply gradients, and more. Here's how to do it:

AD

1. Click on the '<>' icon (HTML mode) on the editor toolbar to switch to HTML mode.

2. Type or paste your text in the HTML box.

3. Select the text you want to color.

4. Use the following format to change the color of the selected text: <span style="color: INSERT_COLOR_CODE;"> TEXT </span>. Replace 'INSERT_COLOR_CODE' with the desired hex color code.

5. Click 'Preview' to see how your text will look after posting. If you're satisfied, click 'Publish'.

Examples of color codes include #FFFFFF for white, #000000 for black, #FF0000 for red, etc.

Pro Tips for Stylish Text Formatting

Now that you know how to color text on Tumblr, here are some tips to create eye-catching content:

Use High Contrast: Ensure your text color contrasts with the background color for easy reading. Avoid light text on dark backgrounds or vice versa.

Consider Your Audience: The text color and style should complement your content and resonate with your audience.

Experiment with gradients: In HTML/CSS mode, you can apply gradients for a unique touch.

There you have it! With these steps and tips, you're now equipped to color text on Tumblr like a pro. Happy posting!

AD