Color me interested! More tools for finding the right color

Finding just the right color for text or images can be a challenge. Maybe you want to match a color you saw on the web, or maybe you are looking for the perfect color blue.  Here are a few tools to help you find just the right color.

But first a little background...



Color "Names"

One of the challenges in finding the right color is figuring out what to call it!  If you have ever been to a paint store, you know there is no such thing as white.  There is off-white, arctic snow, cloud white, ecru, tan, and more!  The computer solves this problem by giving each color a numerical name.  There are two main color naming conventions: RGB and hexadecimal.  Sometimes you will work with a program that wants the color in RGB and sometimes a program will want the color in hexadecimal.

RGB is a color model that gives a numeric value to the amount of Red, Green, and Blue in the color.  This is useful as a naming convention and gives you the option to make small adjustments to the color by increasing or decreasing the red, green, or blue number. (it is like adding a little more "tint" to the paint color!)

Hexadecimal (or "hex") gives a numeric value to the color but instead of using a base 10 numbering system (decimal), it uses a base 16 numbering system (hexadecimal). A hex color name is six digits in length and begins with a #.  For example, #FF0000 is the hex name for a particular red.
(Decimal uses the characters 0-9 which is 10 characters.  Deci means 10 which is why our numbering system is called the decimal system.  Because hexadecimal uses sixteen characters, it uses 0-9 and A-F.)

OK, but how do I find the color I want to use?

If you want to locate a color "by eye" you can use a web-based tool

• this tool by w3schools.com is similar to the standard and custom color picker used by Word and PowerPoint.  You pick your color and then use the lighter/darker scale to find the exact color you want to use.  The selected color is displayed in the middle of the screen with the hex, RGB, and hsl colors. (hsl stands for hue, saturation, and lightness and is the third naming convention for colors, but you likely will not see it very often.)
• you can mix your own RGB colors by altering the amount of each color in this tool by w3schools.com.  Adjust the amount of Red, Green, and Blue by typing a number or clicking on the Red, Green, and Blue color lines.  Your newly mixed color will be displayed in a color block above the Red, Green, and Blue color lines, and the RGB, Hex, and HSL color codes for your new color will be displayed to the right of the color block.
• There are also many tools on the web to convert hex to RGB, or RGB to hex, 

If you want to match a color on the web
In a previous blog post, I told you how you can use the eyedropper tool in PowerPoint (or Word) to sample a color from within PowerPoint. But what if you want to sample a color outside of PowerPoint and from a webpage?

There are several tools to sample a color on the web, and the one I use is called Colorzilla. Colorzilla is an extension you can add to your Chrome or Firefox toolbar. You can then use the eyedropper/color picker to find the exact color of anything in your browser, and use the color numbers to color your text, lines, or fills!

Here is a demonstration of how to install and use Colorzilla.

How might you use custom coloring?

It's a Colorful World...or it can be with MORE COLORS!

Color. I want more color!

We all know the benefits of using color in our documents, presentations, handouts, and blogs.  Did you know you can customize the color of your text, lines, and fills to ANY color?  This same idea will work in almost any program that let's you set color (Powerpoint, Word, etc.). Here is how you do it in Powerpoint:

1.  Select the text, line or fill on which you want to set the color.

2.  Use the menu you normally use to select the color, but this time select More Colors.

3. You are presented with the standard color menu.  Select the color you would like by clicking on it.

4.  If you are satisfied with your color, click OK.  If you would like to further customize your color, click on the Custom menu tab.

5.  On the custom tab you can:

• Use the slider to find a lighter or darker share of the color you selected on the previous screen
• Use the rainbow box to select the color you would like
• Enter the RGB codes for a specific color. (Trivia: RGB stands for Red, Green, Blue)

6. Click OK and enjoy your customized color!

This can all sound a bit confusing in a blog post. Try it out and you will see it's not hard at all!


A few more tips:

➤ You can match any color on the screen by using the eyedropper.

• Select the text, line or fill you want to adjust.
• Use the menu to select color and then select the eyedropper.
• Move the eyedropper to the color you want to match (the square will fill with the current color) and click.  Your item will be that color!

➤ Depending on the item you are coloring (text, line, fill), when you go to your color menu you may have the option to use a gradient, a picture, or a texture in addition to a color.


How can you use custom colors in your professional or personal work?

Voice typing in Google Docs and Word

 

Have you ever wished you could just talk and get your brainstorm-y ideas down on paper? 

You can...with voice typing!

Voice Typing in Google Docs

Watch the video below to see how easy it is to use voice typing in Google Docs!

NOTE: This now works in all browsers, in addition to Chrome.

Voice typing in Word (Microsoft 365 only)

Word has two options for converting audio to text: Dictate and Transcribe

Dictate

This is the "classic" voice to text.  

From the home menu in Word, click Dictate.

You will see a microphone waiting for you to record.  Start talking and you will see your words appear on the page.  Click the microphone icon to toggle between recording and pausing.

One tip: you will want to say the punctuation you want included.  

Once you are done recording, you can edit the text as you would with any document.

Transcribe

There are two ways to use transcribe: (1) you can record an audio file with one or more people in Word and transcribe that file or have a link to the audio file pasted into the document. (2) What I think is more common, you can upload an audio file and get a transcript. Here is how that works:

From the home menu in Word, find the Dictate/Voice block, click the down pointing arrow, and select Transcribe.

A transcribe sidebar opens. Select your language if it is not US English. You can Start Recording or Upload Audio.  We are going to Upload Audio.

Navigate to your audio file and open it. Word gives you a message that it is transcribing. 

When it it ready, it will display the transcription in the sidebar. You can use this as a reference when you are typing, or add some/all of the transcription to the document.

How can you, (or others) use voice typing to improve your learning and productivity?

Word Clouds!

Word Clouds allow you use words and create a visual display. Words used more often are displayed larger in a word cloud, and words used less often are displayed smaller in a word cloud. Word clouds can be used to display your own list of words, or to display the information you gather from other sources, such as through a survey or other types of comments.

There are many websites to help you create word clouds. Some word cloud websites require you to install free plug-ins (like java, silverlight). Once you find a word cloud generator, they generally work the same: type or upload your text or word list, and generate your word cloud. You can regenerate your word cloud until you find one you like, and can often change the color, font, shape and more for your word cloud. Once you have your word cloud you can sometimes save or download it, but you can always capture it with a screen capture tool such as the Microsoft Snipping Tool (shortcut is: windows_key+shift+S)

Here are a few free word cloud generators for you to try out! (just ignore any options to put your word cloud on merchandise or sign up for a paid subscription.)

WordItOut.com Click the green "create your own" button to get started. 
WordClouds.com  I like this one because it lets you pick a shape to force your word cloud into, such as a heart, arrow, checkmark, lightning bolt, etc.
WordArt.com also gives you a lot of control over the shape of your word cloud (it is "art" not a cloud!)
Jason Davis' word cloud generator
WordSift.org uses a list of words, or you can paste in text, and it will take the common words from text, an article, or a speech and creates a word cloud.

And you can search to find even more word cloud generators!

How might you be able to use word clouds?

Robin's Pet Peeve with Embedded Links

 

One of my (many) pet peeves with technology has to do with embedded links. I get frustrated when I click an embedded link and instead of taking me to a new window (good), it replaces my existing window (bad). But we can avoid this! With most programs, when you add an embedded link, you have the option of opening it in a new window.  

Here is how to do it in Blogger:

What are your technology pet peeves? Maybe we can find a solution for them too!

Are You Sending People to the Right Place?

 

We often copy links and send them to colleagues or post them online and on our social media.  But are you using the right URL? 

Take a look at this short video to learn how to use the correct URL to get people where you want them to go!

To Link or Not to Link...That is the Question

There are advantages and disadvantages to creating embedded links in your blogs, online documents, and training materials. On the one hand, embedded links are easy for the user to use and keeps the text clean and easy to read.  If the item will only be used online (blog post, webpage, etc.), an embedded link is a great option.

If this is a document (like a handout or reference guide or ebook) that may be used online an embedded link is useful for the reasons listed above. On the other hand, if this is a document the user might print, an embedded link is not useful (paper is not clickable!). Because of that, it is useful to include the link in parenthesis after the clickable link. Unfortunately, many links are LONG and may add a lot of additional text and visual clutter to the document that takes away from the usefulness of the document.

              The solution: use an embedded link and provide a short URL in parenthesis in the document.

To create an embedded link:
Most programs include the option to create an embedded link and the process is similar for all of them. The example below is for MS Word.

1. Highlight the text you want to be "clickable" for your embedded link.
2. Go to the insert menu and click on Hyperlink.
3. Paste the URL into the address bar. If your program has the option to "open in a new window" select that and then click OK.

Add a (Short) URL
To make sure the URL is available if the user prints your document, you can include the actual URL in parenthesis after the embedded link, and the user can read it and type it into a browser to get to the website.  If the URL is not TOO long, it is not a problem. However, many URLs are long and difficult to type without errors.  For example, the link to the Fast Company article in the above example is:

http://www.fastcompany.com/3047113/how-to-be-a-success-at-everything/how-to-keep-work-housekeeping-from-taking-over-your-life

Not only is this a lot for the user to type accurately, but this long URL will add a lot of unnecessary text to our document that will make it difficult to read.  The solution?  Use a URL shortener.

A URL shortener is a program that literally shortens your URL into an abbreviated URL that will be easier for the user to type and that will add less visual clutter to your document. (it's kind of like giving your URL a nickname.) There are several URL shorteners available on the web (examples: bit.ly, tinyurl) and several programs such as X/Twitter, include URL shorteners as part of the program.

To use a URL shortener:

1. Go to the URL shortener website (such as bit.ly).
2. Paste your long URL into the provided box and click the Shorten link.
3. Bit.ly makes you sign up for a free account, but it's free and you can use it for other links in the future.
4. Copy the shortened link and paste it into your document.

Our paper from the previous example now looks like this:

Again, if your document will only be viewed on the web, an embedded link is a great solution.  But if your document is likely to be printed, including an embedded link and a short URL is a great way to ensure your users will have access to all the links and resources you provided in your document!

What other uses do you see for embedded links and URL shorteners in your professional life?