Using Colour Codes

Pineapple

Just Smile.
Reaction score
576
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

Code:
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:
Code:
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[list=1]
[*]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
[/list]
--------------------------------------------------------------------------
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:
Code:
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.
 

Prometheus

Everything is mutable; nothing is sacred
Reaction score
589
Useful, I learnt something. Title should be Tutorial/Refrence I think. You should explain it a bit more; i don't see how FF(15 15) = 255.
 

Pineapple

Just Smile.
Reaction score
576
Will do ill get to work on that.

Also, any spelling mistakes can you tell me or quote and bold people. Im a bad speller, but im canadian so colour is spelt right.

Canada FTW!
 

Prometheus

Everything is mutable; nothing is sacred
Reaction score
589
Pineapple said:
--------------------------------------------------------------------------
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.
Should be "WE. Colour"
Also, could you make the color for the TT thing darker?
 
5

56k Fanatic

Guest
Good Job! :) The only color code tutorial I have ever understood very clearly :D
 
M

Mavus

Guest
Yes I like it, Hey sorry for asking :( but can someone give me a link to forum info... I don't understand the rep and or those little comments under your name :S...
 

Chocobo

White-Flower
Reaction score
409
FF = 15*17?
EE = 14*17?
DD = 13*17?
..

Hehe :p

FE = 254
FD = 253
...
F1 = 241
F0 = 240
EF = 239
...

Here is the list :

Code:
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[list=1]
[*]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
[/list]

That's the list :p Long to write it.
 

Pineapple

Just Smile.
Reaction score
576
Lol. I never would have bothered to write a whole list. But you did if for me. Ill add it to the first post.
 

ragingspeedhorn

Is a Banned Asshole
Reaction score
94
Nice tutorial though I have seen alot of tutorials before with almost the exact same stuff in it (just not on the helper) :)

+rep!
 

Prometheus

Everything is mutable; nothing is sacred
Reaction score
589
How about a sample map with an ability, hero and trigger that uses color codes?
 

Pineapple

Just Smile.
Reaction score
576
I could do a sample map, but, this doesnt realy need it. They all use the same codes, and its just |c00685354Right clcik to activate auto casting.|r. That isn't too complex.
 

Knights

You can change this now in User CP.
Reaction score
71
No rep for you, only because you couldn't be bothered to write the full 1-255 number-letter translations. Sorry matey.... Nice tut though, but to me just the same as the rest. I give 7.9999/10. :D
 

Surferkid993

God surferkid993 = new God(awesome.me);
Reaction score
16
I thought it was very well done and it helped me out. I never knew any of that stuff. Very easy to read!
 

Drakens

New Member
Reaction score
7
Useful, specially the full list (made by Chocobo :p )
You should add more colors in the list (The FFFFCC00 !!! (Yellow for hotkeys)) and the colors for each player (teal, brown, light blue...)

Anyway, good job ;)
 

Chocobo

White-Flower
Reaction score
409
Player Colors

Code:
Red: |CFFFF0000 |R (255,0,0)
Blue: |CFF0000FF |R (0,0,255)
Teal: |CFF18E7BD |R (24,231,189) [I]I'm not exact here if I remember[/I]
Purple: |CFF520084 |R (82,0,132) [I]I'm not exact here if I remember[/I]
Yellow: |CFFFFFF00 |R (255,255,0)
Orange: |CFFFF8A08 |R (255,138,8) [I]A bit of green and of blue ^^[/I]
Green: |CFF18BE00 |R (24,190,0) [I]Green is not so green as you wanted![/I]
Pink: |CFFE759AD |R (231,89,173) [I]A bit of all colors[/I]
Grey: |CFF949694 |R (148,150,148) [I]Why is there 150?![/I]
Light Blue: |CFF7BBEF7 |R (123,190,247) [I]All colorrrrs![/I]
Dark Green: |CFF086142 |R (8,97,66) [I]If I remember its that[/I]
Brown: |CFF4A2800 |R (74,40,0) [I]Really darrk.[/I]
 

Pineapple

Just Smile.
Reaction score
576
Ok i added 2 links. And i added player colours. I had to fix because all of chocobos were wrong, but close.
 
K

Kevin

Guest
Pineapple said:
That should help you with creating those nice tooltips. But here are some that you would probably use most.

and ty for the tutorial!:D

I signed on this morning specifically to look for a tutorial for color codes, and was about to post a thread when I saw yours.

;D
!:D!
 
General chit-chat
Help Users
  • No one is chatting at the moment.

      The Helper Discord

      Members online

      Affiliates

      Hive Workshop NUON Dome World Editor Tutorials

      Network Sponsors

      Apex Steel Pipe - Buys and sells Steel Pipe.
      Top