AdSense Guide: How To Play With Ad Colors


We’ve got this question from one of our readers:

My website uses some unusual colors, and I’d like to make the AdSense ads colors to match the template, but I cannot find those colors in the AdSense dashboard. Is there a way I can obtain them?

Yes, custom colors for AdSense ads can be easily obtained, provided that you know the codes of the desired colors. A better blending into the website layout can help you better make money online, but i is not a rule for any type of site, or for any niche. You have to make your own tests to compare variants and decide which of them makes you better earnings.

In your AdSense account page where you define the ads, take a look at the colors section:

AdSense Guide: How To Play With Ad Colors


For each ad section (Border, Title, Background, text, or URL), you’ll see that there is a code in the correspondent box. Those codes are the “code names” of the colors you see on the right side.

By clicking on the color small squares, the colors map opens.

Hover your mouse over the colors and look at the box to see what happens. The code changes, as you move the mouse over a new color box.

So, all you have to do in order to obtain a custom color, is to find out its corresponding code and input it in the box beside the ad element you want to have that color.

How To Find The Code For A Color

Colors can be coded in three ways: decimal, hexadecimal and RGB channels.

Is is easy to find out the RGB value of a color using only free programs:
Open the Paint program which comes included in Windows operating systems (if you use other operating system, see if it has a free photo editor; if not, you can use one of these free photo editors available either online or for download.
Now launch your website in a browser, making sure that the color you need to find out the code is visible.
Press the key PrintScreen on your upper-right part of the keyboard. You won’t see anything yet.
Now go back in Paint, open a blank document and go to the menu: Edit -> Paste. Now you should see your website’s layout inside Paint.
Go to Instruments panel, which is usually on the left and select the Picker instrument (it is exactly in the shape of a picker, and it is usually located in the third position counting from above, on the left row).
You will see that the mouse cursor now has a picker shape, instead of the usual arrow. Click anywhere on the desired color.
In the main menu, select Colors, then choose Edit Colors.

AdSense Guide: How To Play With Ad Colors 2

Click on “Define custom colors” button. The window will expand, and you’ll see the color you have selected, and the three RGB codes corresponding to the Red, Green and Blue channels.

AdSense Guide: How To Play With Ad Colors 3

Now you’ll have to find the hexadecimal code for this RGB value. You can use this Color Wheel, which is also free, and this is what you’ll get:

AdSense Guide: How To Play With Ad Colors 4


Input in the Red, Green and Blue boxes the values you obtained from Paint (like I did in the above picture) and then look at the HTML code box, below: that is the code you need to copy and input in your AdSense box corresponding to the element you have to give that color to.

Look at my result:

AdSense Guide: How To Play With Ad Colors 5

My AdSense ads unit will now have the color of the border exactly as I wished it.

Past articles in How To Start Making Money With Adsense series:

  1. How To Start Making Money With AdSense – A Basic Guide For Beginners
  2. Got Accepted Into AdSense. How To Setup Ads On My Blog.
  3. AdSense Channels Tracking And Reporting: Case Study
  4. Smartpricing: What It Is And How To Overcome It.

Stumble this post!


If you liked this post, please consider to subscribe to RSS feed.
If you want to receive new posts directly to your inbox, you can subscribe by Email.

Related Articles

  • AdSense Channels Tracking And Reporting: Case Study
  • AdSense Smart Pricing: What It Is And How To Overcome It
  • Got Accepted Into AdSense. How To Setup Ads On My Blog
  • How To Start Making Money With Adsense – A Basic Guide For Beginners

  • RSS feed | Trackback URI

    3 Comments »

    2008-02-25 16:29:15

    MyAvatars 0.2

    [...] AdSense Guide: How To Play With Ad Colors [...]

     
    2008-02-25 16:30:33

    MyAvatars 0.2

    [...] AdSense Guide: How To Play With Ad Colors [...]

     
    2008-04-03 15:22:53

    MyAvatars 0.2

    [...] colors to match your page layout. You come here and in two minutes you discover how to obtain those custom colors for AdSense ads using only free resources. Have we misled you? No. Have we driven you into the illusion that by using what we thought you [...]

     

    Leave a Comment

    Name (required)
    E-mail (required - never shown publicly)
    URI
    Your Comment (smaller size | larger size)
    You may use <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> in your comment.