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
590
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
590
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
590
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.
  • Monovertex Monovertex:
    How are you all? :D
    +1
  • Ghan Ghan:
    Howdy
  • Ghan Ghan:
    Still lurking
    +3
  • The Helper The Helper:
    I am great and it is fantastic to see you my friend!
    +1
  • The Helper The Helper:
    If you are new to the site please check out the Recipe and Food Forum https://www.thehelper.net/forums/recipes-and-food.220/
  • Monovertex Monovertex:
    How come you're so into recipes lately? Never saw this much interest in this topic in the old days of TH.net
  • Monovertex Monovertex:
    Hmm, how do I change my signature?
  • tom_mai78101 tom_mai78101:
    Signatures can be edit in your account profile. As for the old stuffs, I'm thinking it's because Blizzard is now under Microsoft, and because of Microsoft Xbox going the way it is, it's dreadful.
  • The Helper The Helper:
    I am not big on the recipes I am just promoting them - I use the site as a practice place promoting stuff
    +2
  • Monovertex Monovertex:
    @tom_mai78101 I must be blind. If I go on my profile I don't see any area to edit the signature; If I go to account details (settings) I don't see any signature area either.
  • The Helper The Helper:
    You can get there if you click the bell icon (alerts) and choose preferences from the bottom, signature will be in the menu on the left there https://www.thehelper.net/account/preferences
  • The Helper The Helper:
    I think I need to split the Sci/Tech news forum into 2 one for Science and one for Tech but I am hating all the moving of posts I would have to do
  • The Helper The Helper:
    What is up Old Mountain Shadow?
  • The Helper The Helper:
    Happy Thursday!
    +1
  • Varine Varine:
    Crazy how much 3d printing has come in the last few years. Sad that it's not as easily modifiable though
  • Varine Varine:
    I bought an Ender 3 during the pandemic and tinkered with it all the time. Just bought a Sovol, not as easy. I'm trying to make it use a different nozzle because I have a fuck ton of Volcanos, and they use what is basically a modified volcano that is just a smidge longer, and almost every part on this thing needs to be redone to make it work
  • Varine Varine:
    Luckily I have a 3d printer for that, I guess. But it's ridiculous. The regular volcanos are 21mm, these Sovol versions are about 23.5mm
  • Varine Varine:
    So, 2.5mm longer. But the thing that measures the bed is about 1.5mm above the nozzle, so if I swap it with a volcano then I'm 1mm behind it. So cool, new bracket to swap that, but THEN the fan shroud to direct air at the part is ALSO going to be .5mm to low, and so I need to redo that, but by doing that it is a little bit off where it should be blowing and it's throwing it at the heating block instead of the part, and fuck man
  • Varine Varine:
    I didn't realize they designed this entire thing to NOT be modded. I would have just got a fucking Bambu if I knew that, the whole point was I could fuck with this. And no one else makes shit for Sovol so I have to go through them, and they have... interesting pricing models. So I have a new extruder altogether that I'm taking apart and going to just design a whole new one to use my nozzles. Dumb design.
  • Varine Varine:
    Can't just buy a new heatblock, you need to get a whole hotend - so block, heater cartridge, thermistor, heatbreak, and nozzle. And they put this fucking paste in there so I can't take the thermistor or cartridge out with any ease, that's 30 dollars. Or you can get the whole extrudor with the direct driver AND that heatblock for like 50, but you still can't get any of it to come apart
  • Varine Varine:
    Partsbuilt has individual parts I found but they're expensive. I think I can get bits swapped around and make this work with generic shit though

      The Helper Discord

      Members online

      No members online now.

      Affiliates

      Hive Workshop NUON Dome World Editor Tutorials

      Network Sponsors

      Apex Steel Pipe - Buys and sells Steel Pipe.
      Top