Using Colour Codes

Tutorial By Pineapple

Pineapples Guide To Colour Codes

--------------------------------------------------------------------------
What are Colour Codes? What are They for?

Colour codes are just a code placed in a tool tip or description in the Warcraft WE. Colour codes allow you to colour your text.
With it you can make many different colours. It is great when you want to highlight a specific thing.

Now. Before Ii get any farther you must know one thing. The colour code is shown like this: |cTTRRGGBB"Ooo! Nice Text!"|r
--------------------------------------------------------------------------
What Does it mean?

|c - This is extremely important! It tells Warcraft that it needs to use the colour code after it. Without it your text would look like this: "005599FFOoo! Nice Text|r"

TT - This is less important. This is the transparency of the text. Type FF or 00 or what you want. They game doesn't use it, but it checks to see if its there, if not, then the colour code wont work.

RR - This is how much red is in the colour you are mixing up.

GG - This is how much green is in the colour you are mixing up.

BB - This is how much blue is in the colour you are mixing up.

Getting the | - to get the | you can press shift+\, or to get the |, you must press Alternative Gr. + 6 : |
(Alt Gr if you don't understand, at right of the espace button)
~depends on keyboard

|r - This is important too. It tells Warcraft that the colour code is done and to stop colouring text, it is not needed if you want all after the code to be coloured.
--------------------------------------------------------------------------
The Code

So, now you know what is colour code is and the basic layout. But, you don’t know what you replace "TTRRGGBB" with. I will explain that here.

The colour code is split into 4 sections, transparency, red, green, and blue. You know that but you replace them with numbers and a few letters in increase the amount of that colour. Like when you change blue and green on a unit in the object editor to 0, it will be red. So, when the blue and green in the colour code are empty the text will be red.

There is 15 numbers used in the colour code that replace the "TTRRGGBB". But, there is only 10 single diget numbers, looks like you need to improvise. They are replaced with 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A(10), B(11), C(12), D(13), E(14), F(15). Each section is made up of two of the digets combined to make a tint or tone of the colour.

Colour Code........0-255

00.....................0 11.....................17 22.....................34 33.....................51 44.....................68 55.....................85 66.....................102 77.....................119 88.....................136 99.....................153 AA.....................170 BB......................187 CC.....................204 DD.....................221 EE.....................238 FF.....................255

Full list Written by Chocobo:
0 = 0 1 = 1 2 = 2 3 = 3 4 = 4 5 = 5 6 = 6 7 = 7 8 = 8 9 = 9 A = 10 B = 11 C = 12 D = 13 E = 14 F = 15 0. 00
• 01 • 02 • 03 • 04 • 05 • 06 • 07 • 08 • 09 • 0A • 0B • 0C • 0D • 0E • 0F • 10 • 11 • 12 • 13 • 14 • 15 • 16 • 17 • 18 • 19 • 1A • 1B • 1C • 1D • 1E • 1F • 20 • 21 • 22 • 23 • 24 • 25 • 26 • 27 • 28 • 29 • 2A • 2B • 2C • 2D • 2E • 2F • 30 • 31 • 32 • 33 • 34 • 35 • 36 • 37 • 38 • 39 • 3A • 3B • 3C • 3D • 3E • 3F • 40 • 41 • 42 • 43 • 44 • 45 • 46 • 47 • 48 • 49 • 4A • 4B • 4C • 4D • 4E • 4F • 50 • 51 • 52 • 53 • 54 • 55 • 56 • 57 • 58 • 59 • 5A • 5B • 5C • 5D • 5E • 5F • 60 • 61 • 62 • 63 • 64 • 65 • 66 • 67 • 68 • 69 • 6A • 6B • 6C • 6D • 6E • 6F • 70 • 71 • 72 • 73 • 74 • 75 • 76 • 77 • 78 • 79 • 7A • 7B • 7C • 7D • 7E • 7F • 80 • 81 • 82 • 83 • 84 • 85 • 86 • 87 • 88 • 89 • 8A • 8B • 8C • 8D • 8E • 8F • 90 • 91 • 92 • 93 • 94 • 95 • 96 • 97 • 98 • 99 • 9A • 9B • 9C • 9D • 9E • 9F • A0 • A1 • A2 • A3 • A4 • A5 • A6 • A7 • A8 • A9 • AA • AB • AC • AD • AE • AF • B0 • B1 • B2 • B3 • B4 • B5 • B6 • B7 • B8 • B9 • BA • BB • BC • BD • BE • BF • C0 • C1 • C2 • C3 • C4 • C5 • C6 • C7 • C8 • C9 • CA • CB • CC • CD • CE • CF • D0 • D1 • D2 • D3 • D4 • D5 • D6 • D7 • D8 • D9 • DA • DB • DC • DD • DE • DF • E0 • E1 • E2 • E3 • E4 • E5 • E6 • E7 • E8 • E9 • EA • EB • EC • ED • EE • EF • F0 • F1 • F2 • F3 • F4 • F5 • F6 • F7 • F8 • F9 • FA • FB • FC • FD • FE • FF

--------------------------------------------------------------------------
Some Helpful Colours

That show help you with creating those nice tooltips. But here are some that you would probably use most.

Red FFFF0000
Lime FF00FF00
Blue FF0000FF
Orange FFFFA500
Green FF008000
Purple FF800080
Pink FFC0CB
Gold FFFFD700
Aqua/Cyan FF00FFFF
Sky Blue FF87CEFA
Silver FFC0C0C0
Black FF000000
White FFFFFFFF

Player Colours:
Red: |CFFFF0303 |R (255,3,3) Blue: |CFF0042FF |R (0,66,255) Teal: |CFF1CB619 |R (28,230,185) Purple: |CFF540081 |R (80,0,129) Yellow: |CFFFFFF01 |R (255,255,1) Orange: |CFFFE8A0E |R (254,138,14) Green: |CFF20C000 |R (32,192,0) Pink: |CFFE55BB0 |R (229,91,176) Grey: |CFF959697 |R (149,150,151) Light Blue: |CFF7EBFF1 |R (126,191,241) Dark Green: |CFF106246 |R (16,98,70) Brown: |CFF4E2A04 |R (74,42,4)

Here is a great place to get a colour.
--------------------------------------------------------------------------
Here are 2 good colour generators:
http://www.free-webmaster-tools.com/colorpicker.htm
http://www.developingwebs.net/tools/color.php

You could also use photoshop or another progam like it.

Click here to comment on this tutorial.
 
 
Designed by Arkheno 2005

Blizzard Entertainment®
Blizzard Entertainment is a trademark or registered trademark of Blizzard Entertainment, Inc. in the U.S. and/or other countries. All rights reserved.
Blizzard Entertainment, Inc.
Silkroad Online Forums
Team Griffonrawl Trains Muay Thai and MMA fighters in Ohio.
Apex Steel Pipe - Buys and sells Steel Pipe.