Home
  • Guides
  • Forums
  • Contribute!
  • Jame's Blog
  • Rankings
  • Needed Guides
Urban Rivals



Recent comments

  • You can resize images easily
    16 min 19 sec ago
  • format
    8 hours 16 min ago
  • Get quest and finished Linked
    10 hours 38 min ago
  • Didn't load?
    12 hours 16 min ago
  • Never mind
    14 hours 23 min ago
  • Image
    14 hours 41 min ago
  • Sure, that's absolutely a
    21 hours 29 min ago
  • Congrats. Last time I
    1 day 4 hours ago
  • Alright, this is how Wild
    1 day 2 hours ago
  • Hey eric, I think I'm going
    1 day 7 hours ago

World of Warcraft Pro newsletter

Stay informed on our latest news!

Previous issues

Previous issues

  • October 2008: WOTLK Guides, Karma System, New Videos and More!
Syndicate content
Home » Guides » General Guides » Guide Writing

Colour Guide

Submitted by Brune on Fri, 2009-01-23 00:52.

 

3.555555
Average: 3.6 (9 votes)

Colour Guide

This guide was originally started by me to allow me to try and keep some consistency in the colours of my reputation levels.

I stole a few colours from people (by eye) if they fitted my system and I liked them and now I've decided to publish it, I hope those people don't mind. Credit in the guide.

This system is far from perfect, and there are a few near clashes. I hope it will help people with picking colours, though.

PS, if you haven't already, have a browse of Jame's Guide Writing Guide, and download the firefox formatting toolbar!



    • Reputation Formatting
    • Jame's Levelling Formatting
    • Other Colours
    • Raid UI Class Colours
    • Item Quality Colours
    • Codes to add a Colour Chart to Your Guide
      • Code to add a Reputation Colour Chart to Your Guide
      • Code to add Jame's Levelling Colour Chart to Your Guide
      • Code to add a Class Colour Chart to Your Guide
      • Code to add an Item Quality Colour Chart to Your Guide

    If anyone thinks they have a better shade of any of the colours listed below, please comment Smiling

    And also if you think you have something that matches the colours shown here better than mine.

    Back to the top


    I can't say I would recommend using ALL these codes in one guide. A reputation guide would probably want the reputation colours. A class guide would want skills and talents. A levelling guide would want Jame's formatting, and possible Manovan's Profession and the class colours.


    Back to the top


    Reputation Formatting:

    Hated color=#cc0000 + bold
    Hostile color=#ff0000 + bold
    Unfriendly color=#f26000 + bold
    Neutral color=#e4e400 + bold
    Friendly color=#33ff33 + bold
    Honoured color=#5fe65d + bold
    Revered color=#53e9bc + bold
    Exalted color=#2ee6e6 + bold

    Back to the top


    Jame's Levelling Guide Formatting:
    Quests color=#cc9933 + bold
    Items (and objects) color=#993300
    Locations color=#33cc00
    Quest objectives to kill bold
    NPCs color=#4169e1
    Locs italics

    Back to the top


    Other Colours:
    Achievements color=#cc66cc
    Professions color=#663300(Manovan's)
    Talents color=#000099 (Jiyambi's)
    Skills color=#006600 (Jiyambi's)
    Addons and Macros color=#ff0000(Jiyambi's)

    Back to the top


    Raid UI Class Colours:
    WARLOCK color=#6600cc + bold + caps
    MAGE color=#33ccff + bold + caps
    PRIEST color=#999999 + bold + caps
    SHAMAN color=#000099 + bold + caps
    DEATH KNIGHT color=#c30000 + bold + caps
    HUNTER color=#7dd17d + bold + caps
    DRUID color=#ff6600 + bold + caps
    WARRIOR color=#cc9933 + bold + caps
    ROGUE color=#d7d700 + bold + caps
    PALADIN color=#f392f3 + bold + caps

    (While the Priest colour is white, I decided to use grey as white would not show up well on WoW-Pro)

    Back to the top


    Jiyambi's Item Quality Colours:
    [Legendary] color=#f0940a + brackets
    [Epic] color=#8c02cd + brackets
    [Rare] color=#2d2de1 + brackets
    [Uncommon] color=#26c426 + brackets
    [Common] color=#cccccc + brackets
    [Heirloom] color=#ccb896 + brackets
    Back to the top

    If you want to add a colour table (or just one colour) copy the code here and stick it in the top of your guide, so people can see what you're using.

    Reputation:

    <ul>
    <li><span style="color:#cc0000"><b>Hated</b></span></li>
    <li><span style="color:#ff0000"><b>Hostile</b></span></li>
    <li><span style="color:#f26000"><b>Unfriendly</b></span></li>
    <li><span style="color:#e4e400"><b>Neutral</b></span></li>
    <li><span style="color:#33ff33"><b>Friendly</b></span></li>
    <li><span style="color:#5fe65d"><b>Honoured</b></span></li>
    <li><span style="color:#53e9bc"><b>Revered</b></span></li>
    <li><span style="color:#2ee6e6"><b>Exalted</b></span></li>
    </ul>
    
    Back to the top

    Jame's Levelling Formatting:

    <ul>
    <li><span style="color:#cc9933"><b>Quests</b></span></li>
    <li><span style="color:#993300">Items</span></li>
    <li><span style="color:#33cc00">Locations</span></li>
    <li><b>Quest objectives to kill</b></span></li>
    <li><span style="color:#4169e1">NPCs</span></li>
    <li><i>Coordinates</i></span></li>
    </ul>
    
    Back to the top




    Other Colours:

    <ul>
    <li><span style="color:#cc66cc"><b>Achievements</b></span></li>
    <li><span style="color:#663300"><b>Professions</b></span></li>
    <li><span style="color:#000099"><b>Skills</b></span></li>
    <li><span style="color:#006600"><b>Talents</b></span></li>
    <li><span style="color:#ff0000"><b>Addons/macros</b></span></li></span></li>
    </ul>

    Back to the top




    Raid UI Class Colours:

    <ul>
    <li><span style="color:#6600cc"><b>WARLOCK</b></span></li>
    <li><span style="color:#33ccff"><b>MAGE</b></span></li>
    <li><span style="color:#999999"><b>PRIEST</b></span></li>
    <li><span style="color:#000099"><b>SHAMAN</b></span></li>
    <li><span style="color:#c30000"><b>DEATH KNIGHT</b></span></li>
    <li><span style="color:#7dd17d"><b>HUNTER</b></span></li>
    <li><span style="color:#ff6600"><b>DRUID</b></span></li>
    <li><span style="color:#cc9933"><b>WARRIOR</b></span></li>
    <li><span style="color:#d7d700"><b>ROGUE</b></span></li>
    <li><span style="color:#f392f3"><b>PALADIN</b></span></li>
    </ul>

    Back to the top


    Jiyambi's Item Quality Colours

    <ul>
    <a name="itemcod"> </a>
    <li><span style="color:#f0940a"><b>[Legendary]</b></span></li>
    <li><span style="color:#8c02cd"><b>[Epic]</b></span></li>
    <li><span style="color:#2d2de1"><b>[Rare]</b></span></li>
    <li><span style="color:#26c426"><b>[Uncommon]</b></span></li>
    <li><span style="color:#cccccc"><b>[Common]</b></span></li>
    <li><span style="color:#ccb896"><b>[Heirloom]</b></span></li>
    </ul>

    Back to the top


‹ Jame's Guide Writing GuideupCreating a Table of Contents ›
  • Printer-friendly version
  • Login or register to post comments
Harper1990's picture
Honored Member

Just thought I'd add a

Submitted by Harper1990 on Tue, 2009-02-03 04:59.

Just thought I'd add a quick comment here - this guide's awesome!
Also, if you're using Firefox, it may be worth installing the text formatting toolbar which Jame reccomends, it allows you to add custom colours in a couple of clicks without knowing any codes.

"Wise is the man who knows he does not know"...
...Or who knows why my mother keeps calling me.

  • Login or register to post comments
Brune's picture
Revered Member

Good point. I do use that

Submitted by Brune on Wed, 2009-02-04 08:49.

Good point. I do use that toolbar, but I forgot to mention it. I will include that, or at least a link to Jame's guide writing guide, with perhaps a reiteration to use it.

I'm glad you find the guide useful Smiling

  • Login or register to post comments
Brune's picture
Revered Member

Code tags aren't working.

Submitted by Brune on Fri, 2009-01-23 23:49.

Code tags aren't working. Anyone know why?

Thanks

  • Login or register to post comments
Jame's picture
Administrator

Apparently they don't work

Submitted by Jame on Fri, 2009-01-23 23:58.

Apparently they don't work well with certain bbcode tags. I changed them to html and it works Smiling

  • Login or register to post comments
Brune's picture
Revered Member

Ah, thanks. I'll just switch

Submitted by Brune on Sat, 2009-01-24 02:10.

Ah, thanks. I'll just switch the nifty formatting toolbar to HTML for that section then.

  • Login or register to post comments
Jame's picture
Administrator

That's quite useful, good

Submitted by Jame on Fri, 2009-01-23 14:42.

That's quite useful, good idea.

Suggestion: I find that the colors for honored revered and exalted are too bright and a bit hard to see.

Try to find alternatives.

  • Login or register to post comments
Brune's picture
Revered Member

Well, I'd like to keep the

Submitted by Brune on Fri, 2009-01-23 20:57.

Well, I'd like to keep the general suggestion of the colour, seeing as that's what Wowwiki and the armoury do, but yeah, I'll darken them.

  • Login or register to post comments
Brune's picture
Revered Member

I've made them about 15%

Submitted by Brune on Fri, 2009-01-23 21:39.

I've made them about 15% darker. Hopefully that'll be enough.

  • Login or register to post comments
Jiyambi's picture
Moderator

Looks better to me.

Submitted by Jiyambi on Sat, 2009-01-24 01:47.

Looks better to me. Smiling

Something you have to realize is that WoWWiki, WoWhead, and even WoW itself have very dark backgrounds. Colors simply HAVE to be different on a white background for them to be readable. I know for a fact that this is one of the reasons WoWWiki uses the skin it does (I was there during their discussion of it!).

So unfortunately we can't use identical colors to those in game. But with the different backgrounds, these colors are really indistinguishable from the in game colors. You'd have to see them side by side to really notice a difference.

  • Login or register to post comments
Brune's picture
Revered Member

Ah, okay. It's like that

Submitted by Brune on Sat, 2009-01-24 02:12.

Ah, okay.

It's like that fadey optical illusion with the chessboard and the green thing casting the shadow, two colours that are the same look completely different because of their surroundings.

In fact this isn't quite the same, it's opposite, but still.

I suspect the fact I didn't search for the hex codes, I instead did it by eye helps with this Smiling

  • Login or register to post comments
Brune's picture
Revered Member

From above: Quote:I soon

Submitted by Brune on Fri, 2009-01-23 14:10.

From above:

Quote:
I soon hope to work out a good way to show item colours (i.e, uncommon (greens), rares (blues), epics (purples), etc.

These would only be used for specific guides focussing on items (i.e, 'best Enhancement Shammy pre raid gear, etc) as another colour scale would make things too confusing, and the orangey brown colour has been used by Jame on his levelling guides, meaning it's become a convention and we're stuck with it Sticking out tongue

A possible future implementation on here would be the code to allow people to instantly plonk their colour scheme into the top of their guide, (in table format, such as what I currently have for my reputation colours) reducing hassle and making good formatting easier.

Do people think that is a worthwhile project, and should it go on here, or be a new guide? Comment below Sticking out tongue

Anyone got any ideas for the way to format the item colours to make them easier to see (for a guide that bothered to make the distinction between different types of item) and distinguish them from other colour scales.

Perhaps this is not necessary, though, as long as people post the table they're using at the top of their guide, confusion could be avoided (a reputation guide is unlikely to contain specific item colours; a disenchant/gearing guide is unlikely to contain rep values.)

Thanks for reading (I'm sure it was hard work)

Brune

  • Login or register to post comments
Jiyambi's picture
Moderator

Just found this comment, I

Submitted by Jiyambi on Mon, 2009-04-13 06:46.

Just found this comment, I know it's a long time after the question was posed, but for my guides I simply include [brackets] around item names. Seems simple enough to me!

P. S. I was checking this guide hoping to see code for item quality, and there's not any!

Here's my suggestion:

  • [Warglaive of Azzinoth] - #f0940a for legendary
  • [Staff of Endless Winter] - #8c02cd for epic
  • [Sempiternal Staff] - #2d2de1 for rare
  • [Abandoned Hood] - #26c426 for uncommon
  • [12 Pound Lobster] - #a3a3a3 for common (not the best solution because gray items do exist, but not sure what else to do)
  • [Dignified Headmaster's Charge] - #baa788 for heirloom

  • Login or register to post comments
Maw's picture
Exalted Member

Seriously can't read [12

Submitted by Maw on Thu, 2009-04-16 19:18.

Seriously can't read

[12 Pound Lobster]
&
[Dignified Headmaster's Charge]

they're just too bright.

  • Login or register to post comments
Jiyambi's picture
Moderator

I just made them darker, I

Submitted by Jiyambi on Thu, 2009-04-16 21:25.

I just made them darker, I don't think it makes them look any worse so lets keep it. They look better now Maw?

  • Login or register to post comments
Maw's picture
Exalted Member

Yeah, they look alot

Submitted by Maw on Thu, 2009-04-16 21:31.

Yeah, they look alot better!

Suggest you add it into your guide, Brune.

Oh, and yes, my 2nd screen (which I'm running internet on) is abit bright, so the colors are therefore still bright for me on this screen. But when I move the internet over to my main screen, the colors are just fine.

  • Login or register to post comments
Brune's picture
Revered Member

Not on my screeen, perhaps

Submitted by Brune on Thu, 2009-04-16 21:13.

Not on my screeen, perhaps you've got your gamma up high (or me low...)

  • Login or register to post comments
Brune's picture
Revered Member

Wow. Simple, yet elegant

Submitted by Brune on Thu, 2009-04-16 17:57.

Wow. Simple, yet elegant Sticking out tongue

I'll put them up.

Kicking myself for not thinking of that.

  • Login or register to post comments
Manovan's picture
Honored Member

A slight correction: The

Submitted by Manovan on Fri, 2009-01-23 12:28.

A slight correction:
The color I use for profession information is #663300.

I think I'll use the raid colors for the class information in my guides. It would make more sense.

  • Login or register to post comments
Brune's picture
Revered Member

Thanks, just fixed that. And

Submitted by Brune on Fri, 2009-01-23 13:27.

Thanks, just fixed that. And I'm very glad you're finding this useful Smiling

  • Login or register to post comments
Jahwo's picture
Moderator

Hey nice, that's very

Submitted by Jahwo on Fri, 2009-01-23 12:29.

Hey

nice, that's very useful! Smiling

As an improvement for more clarity you could use tables to arrange the colour "example" and it's code. A nice guide about tables can be found here

(but maybe use border="0", I don't like the borders Laughing out loud )

Jahwo

  • Login or register to post comments
Brune's picture
Revered Member

Okay, thanks for the help

Submitted by Brune on Fri, 2009-01-23 13:25.

Okay, thanks for the help improving my formatting skills, will do ASAP Smiling

  • Login or register to post comments
Jiyambi's picture
Moderator

Very useful guide. However,

Submitted by Jiyambi on Fri, 2009-01-23 12:21.

Very useful guide.

However, it should be moved to the guide writing category.

Also, you might want to try and figure out the colors for loot quality (green/blue/purple/legendary/heirloom). Just something fun to add Smiling

  • Login or register to post comments
Brune's picture
Revered Member

Hmm, good point.

Submitted by Brune on Fri, 2009-01-23 13:26.

I'll have to work out how out the most useful way to do that.

My advice for the use of this is to perhaps restrict the use of categories you use. A levelling guide would definitely want Jame's stuff, a rep guide might want the rep colours, a class guide would want yours, a levelling guide would want class colours (well, at least in Manovan's style, not Jame's).

And indeed, an item guide would want those colour codes.

In fact, I think I'll add that to the top.

EDIT: And yes, it should have been. The reason why, I presume was that at first I was not intending to publish, and therefore I didn't bother to change it. Thanks for pointing that out Smiling

  • Login or register to post comments

About the author:

Brune's picture
Revered Member

Server
Turalyon

Main Character

Brune is a level 80 enhancement shaman.

Level of Addiction
online daily

Guild
Exmortis

View full user profile

User login

  • Create new account
  • Request new password

Navigation

  • Guides
    • General Guides
      • How to Write a Guide
      • Achievement Guides
      • Attunements and Keys
      • Guild & Raid Guides
      • How to Make Macros
      • How to obtain certain items
      • Outdoor Raid Encounters
      • PvP
      • Quest Chains
      • Reputation Guides
      • WotLK Daily Quests
      • WotLK Daily Quests
    • Leveling Guides
    • Class Guides
    • Gold Making Guides
    • Instance Guides
    • Tradeskill Guides
    • Guides in Other Languages
    • Needed Guides
  • Home
  • Leveling Guides 1-80
  • Wiki Pages
  • Create content
  • Polls
  • Recent events
  • WoW Dictionary
  • FAQ
  • Contact

Who's online

There are currently 4 users and 525 guests online.

Online users

  • cherie5
  • Jiyambi
  • Aelius828
  • Smirdzius
©2004-2009 All Information provided on this site is property of WoW-pro.com. All rights reserved. The comments are property of their posters. World of Warcraft® and Blizzard Entertainment® are all trademarks or registered trademarks of Blizzard Entertainment in the United States and/or other countries. These terms and all related materials, logos, and images are copyright © Blizzard Entertainment. This site is in no way associated with or endorsed by Blizzard Entertainment®.
RoopleTheme
RiaCréation - Creation de site internet Referencement Référencement