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 The Helper:
    The bots will show up as users online in the forum software but they do not show up in my stats tracking. I am sure there are bots in the stats but the way alot of the bots treat the site do not show up on the stats
  • Varine Varine:
    I want to build a filtration system for my 3d printer, and that shit is so much more complicated than I thought it would be
  • Varine Varine:
    Apparently ABS emits styrene particulates which can be like .2 micrometers, which idk if the VOC detectors I have can even catch that
  • Varine Varine:
    Anyway I need to get some of those sensors and two air pressure sensors installed before an after the filters, which I need to figure out how to calculate the necessary pressure for and I have yet to find anything that tells me how to actually do that, just the cfm ratings
  • Varine Varine:
    And then I have to set up an arduino board to read those sensors, which I also don't know very much about but I have a whole bunch of crash course things for that
  • Varine Varine:
    These sensors are also a lot more than I thought they would be. Like 5 to 10 each, idk why but I assumed they would be like 2 dollars
  • Varine Varine:
    Another issue I'm learning is that a lot of the air quality sensors don't work at very high ambient temperatures. I'm planning on heating this enclosure to like 60C or so, and that's the upper limit of their functionality
  • Varine Varine:
    Although I don't know if I need to actually actively heat it or just let the plate and hotend bring the ambient temp to whatever it will, but even then I need to figure out an exfiltration for hot air. I think I kind of know what to do but it's still fucking confusing
  • The Helper The Helper:
    Maybe you could find some of that information from AC tech - like how they detect freon and such
  • Varine Varine:
    That's mostly what I've been looking at
  • Varine Varine:
    I don't think I'm dealing with quite the same pressures though, at the very least its a significantly smaller system. For the time being I'm just going to put together a quick scrubby box though and hope it works good enough to not make my house toxic
  • Varine Varine:
    I mean I don't use this enough to pose any significant danger I don't think, but I would still rather not be throwing styrene all over the air
  • The Helper The Helper:
    New dessert added to recipes Southern Pecan Praline Cake https://www.thehelper.net/threads/recipe-southern-pecan-praline-cake.193555/
  • The Helper The Helper:
    Another bot invasion 493 members online most of them bots that do not show up on stats
  • Varine Varine:
    I'm looking at a solid 378 guests, but 3 members. Of which two are me and VSNES. The third is unlisted, which makes me think its a ghost.
    +1
  • The Helper The Helper:
    Some members choose invisibility mode
    +1
  • The Helper The Helper:
    I bitch about Xenforo sometimes but it really is full featured you just have to really know what you are doing to get the most out of it.
  • The Helper The Helper:
    It is just not easy to fix styles and customize but it definitely can be done
  • The Helper The Helper:
    I do know this - xenforo dropped the ball by not keeping the vbulletin reputation comments as a feature. The loss of the Reputation comments data when we switched to Xenforo really was the death knell for the site when it came to all the users that left. I know I missed it so much and I got way less interested in the site when that feature was gone and I run the site.
  • Blackveiled Blackveiled:
    People love rep, lol
    +1
  • The Helper The Helper:
    The recipe today is Sloppy Joe Casserole - one of my faves LOL https://www.thehelper.net/threads/sloppy-joe-casserole-with-manwich.193585/
  • The Helper The Helper:
    Decided to put up a healthier type recipe to mix it up - Honey Garlic Shrimp Stir-Fry https://www.thehelper.net/threads/recipe-honey-garlic-shrimp-stir-fry.193595/
  • The Helper The Helper:
    Here is another comfort food favorite - Million Dollar Casserole - https://www.thehelper.net/threads/recipe-million-dollar-casserole.193614/

      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