Choosing The Best Colors for Web and Video

Posted on Thursday, March 14, 2019 by Julia O'Reilly

Overwhelmed with color choices and how to get the best results for your website or social media campaigns?

It can be frustrating to talk about color on the internet since color varies on every display on every device, from every source. But never fear, help is at hand! Digital designers and artists use the handy method of using hexadecimal (aka HEX or Hex) values to help narrow the variables to a manageable quantity.

If you need to communicate with your designer or anyone about color, try using an online interactive color-picker to help you see how your color choices look on-screen.

Here are two of my current favorites:

Color Wheel Tool Online by Rapid Tables


This tool is supremely simple to use, and can show you variations of color themes while you’re there. Just pick a color from the wheel, and see its Hex value pop into the box. Copy the number for the color you like, and send it to your designer or team.


Adobe Color CC



Adobe’s Color CC tool is a bit more intimidating at first glance (though it’s very easy to use once you poke around in it). It also offers an easy photo upload, if you want to build a color-grouping around your logo or photo or other artwork. Both RGB (red, green, blue) values and Hex values are read into the boxes beneath each color in the color panels below. Great way to see how various colors relate to each other, and to deliver exactly the colors you want to your designer or team.

Now you've got it.  Happy coloring!

Still have questions about color? Get in touch. We can help!

read more

Making Color Work

Posted on Thursday, March 22, 2018 by Julia O'Reilly

Color    Color     Color    Color    Color

I'm often asked about color - or more to the point, people want to know how to make a color decision.

It's a jungle out there. 

Good News

It's a really fun, colorful jungle, and there is a system.

Julia O'Reilly - making color workOK, I’m a self-confessed color theory geek.  I started early when I’d break my crayons into different sizes, peel off the labels and spend hours arranging the pieces of pure color in different patterns. I might have been a strange kid, sure, but it worked for me.

I still live, study and play in the color jungle, scrutinize how it works, why.  I can wear down anyone at a party over the topic.
Anyway, that’s all about me. Back to you. What if what you need right now is the right color used the right way for your project (or anything else), and your background isn't Color Theory?

More Good News and Two Easy Color Rules

  1. Selecting color is a visual problem, and it begs a visual solution. 
  2. We perceive color in relationship to other colors.  For the best professional results, designers use palettes of a limited selection of colors grouped for a particular effect or purpose.

Happily, there are some excellent online tools to help you see color and create your own palette.  Here are a few good tools to get you started.

An interactive color wheel gives you instant combinations based on a color you select.

Adobe Color CC

I selected a dark de-saturated green, in Shades color rule.  (The closer the selected color is to the center, the less color, or saturation, it has.) 

The chart displays the RGB values or HEX values for each square of color, which you can give to your designer, web or app developer or print vendor, to be sure of a good match.

Here, the same Shades color rule displays a more saturated green combination.

Selecting the Complementary color rule, the picker gives you the exact complement (opposite) of the green on the color wheel, which is a dark red.  Now the tool creates a whole new spread of colors.


A different type of interactive color wheel lets you spin out color combinations quickly.


Compare the colors you selected to an accurate reference source like a Pantone™ book.


To match the color you see on your screen for printing, ColorMunki will provide exact Pantone™ color book swatches.  You can grab the hexadecimal values to provide the best match for anything on a screen.

See how someone else combined colors, for inspiration.


Canva is a fun and useful "everything-you-need-to-know-about-color" design wiki.  You can search for a descriptive color name or select a color square right from the page.


Go to an information page that's all about the single color you selected.


Find interesting combinations preassembled!

You'll find inspirational tools on Canva too, and a palette generator that will kick out color combos from your uploaded photo. 

read more

RESPONSIVE WEB DESIGN: Is Your Website Getting Left Behind?

Posted on Wednesday, August 26, 2015 by Julia O'Reilly

In case you didn’t hear about Google's announcement for April 2015, yes, it’s true...  Google announced early 2015 that they would be boosting web browser support for websites that are mobile-friendly. Google proceeded with that action in April.

 “In the USA, 94% of people with smartphones search for local information on their phones. “
— Google Webmaster’s Mobile Guide

Both Pew Research Center and the Nielsen Report post data on the exponential growth of smartphones and phone apps since 2011. Like it or not, more of us are using smartphones for general information on the web and for information about local goods and services.  That trend is not only here to stay, it's growing.

What does this mean for your website?

For many of us, myself included, staying visible on the web means converting our websites to mobile-friendly usage.

The term "mobile-friendly" has been completely redefined in the last two years, along with development of the technology that runs it.

The brutal truth is: if your website is more than two years old, it is likely a dinosaur from the recent era when most people were using the internet from desktop computers.

Can people still see your site?
  Yes.  Can people still use it? Maybe, but perhaps not so easily.

So what to do?

1. Make your website easy for your customers to use.
2. Make sure you can measure effectiveness.
3. Use responsive web design.

“Responsive web design” means that the page is easy to use and adapts itself whether the user is on a desktop computer, tablet, or mobile phone – the display adjusts or “responds” according to the screen size.

A desktop version of a site might be difficult to view and use on a mobile device. 

(Images courtesy Google)

A version that's not mobile-friendly requires the user to pinch or zoom in order to read the content. Users find this a frustrating experience and are likely to abandon the site.

A mobile-friendly version is readable and immediately usable.

“Can I just revise my existing site? It’s not that old!”

Short answer: No. We really need to start from scratch, due to the changes in technology.

The good news is that you probably can use your existing content, and certainly your product and customer databases.

If you want to get a jump on the early-bird discount, take advantage of our Responsive Site Upgrades Special

Contact us today for more information, and look for announcements soon.

Honestly, I'm in the same boat.  So I'm busy on a new responsive, mobile-friendly website for the Studio.  We'll be rolling it out in September so stay tuned. 

Social Media, Your Way

We're creating a new department for Social Media Marketing.  Need help understanding your Facebook or Twitter account?  Know you 'should' be doing something, but who has the time?  We'll have resources available for you.

Sign Up for the Newsletter

If you would like to receive notice of our special website conversion package rates at huge discounts, just let us know! 

(We respect our customers' privacy and never ever sell, share or trade your contact information.

read more
Design It Blog