- Joined
- Aug 1, 2008
- Messages
- 134
This is not generally my tutor but I found it really helpful it's on some other gaming forum but I think it would be really helpful to some people.
Introduction:
What are colour codes? Colour codes are specific codes that programs generate to change colors of texts. These codes can be very useful such as if you wanted to highlight a word. Colour codes are not very advanced and can be pretty easy to figure out. You can use regular tools to figure out the codes or figure them out yourself.
The Code Meanings:
Colour codes are displayed through texts such as this: |cTTRRGGBBText|r. These may seem difficult, but they are actually quite easy.
Colour codes use something called hexadecimals. The hexadecimals are:
0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F
Each of these letters or integers represent a value. This is what they represent:
Code:
Colour Code Values:
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
These are important because they determine how much of a certain thing you are going to use such as if you wanted a lot of red, the value would be something high such as "E" or "F." If you wanted less red, the value would be something low such as "0" or "1." These numbers are on a scale of 0-255.
Now, you might be wondering why I put the strange letters "|cTTRRGGBBText|r." Every two letters represent something.
|c : This allows the program to know that a color is being generated. Without this, the text will not be shown in color.
TT : This is the transparency level. Since the letters don't have transparency, this isn't important, but the letters must be there. You can use "00", "FF", or whatever you want on the scale of 0-F because it won't matter.
RR : This is the red tinting level. If you want a lot of red, you can put "FF". If you do not type anything, the color will not be generated. You must have 2 letters or else the color will not be generated as well.
GG : This is the green tinting level. Same rules apply as all the other codes.
BB : This is the blue tinting level. Same rules apply as all the other codes.
|r : This allows the program to know that the color is being stopped at that point. This is to prevent other texts being colored as well.
Using Codes:
Know that you know what the letters represent, you can now make your own colors. Here are some prewritten common colors mappers use:
* |cffFF0000Red|r
* |cff0000FFBlue|r
* |cffFFFF00Yellow|r
* |cffFF8000Orange|r
* |cff00FF00Green|r
* |cff8000FFPurple|r
* |cff000000Black|r
* |cffFFFFFFWhite|r
* |cffFF80FFPink|r
This is not all you need to know. You know the codes and hexadecimals, but you don't know why they have a scale of numbering: 0-255. These scales are used to tell how much you want of something through two letters/numbers. Here is a code of what the letters/numbers doubled equal:
Code:
Colour Code Doubles:
00 - 00
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
You might have noticed a pattern in this. If you multiply the first or second number of the pair by 17, you'll realize you will get the desired product. This is only for when same letters are paired. When different letters are paired, different things happen. Here is a full list 0-255 on two different or same numbers paired:
Code:
Full Colour Code List
---------------------------
0 = 00
1 = 01
2 = 02
3 = 03
4 = 04
5 = 05
6 = 06
7 = 07
8 = 08
9 = 09
10 = 0A
11 = 0B
12 = 0C
13 = 0D
14 = 0E
15 = 0F
16 = 10
17 = 11
18 = 12
19 = 13
20 = 14
21 = 15
22 = 16
23 = 17
24 = 18
25 = 19
26 = 1A
27 = 1B
28 = 1C
29 = 1D
30 = 1E
31 = 1F
32 = 20
33 = 21
34 = 22
35 = 23
36 = 24
37 = 25
38 = 26
39 = 27
40 = 28
41 = 29
42 = 2A
43 = 2B
44 = 2C
45 = 2D
46 = 2E
47 = 2F
48 = 30
49 = 31
50 = 32
51 = 33
52 = 34
53 = 35
54 = 36
55 = 37
56 = 38
57 = 39
58 = 3A
59 = 3B
60 = 3C
61 = 3D
62 = 3E
63 = 3F
64 = 40
65 = 41
66 = 42
67 = 43
68 = 44
69 = 45
70 = 46
71 = 47
72 = 48
73 = 49
74 = 4A
75 = 4B
76 = 4C
77 = 4D
78 = 4E
79 = 4F
80 = 50
81 = 51
82 = 52
83 = 53
84 = 54
85 = 55
86 = 56
87 = 57
88 = 58
89 = 59
90 = 5A
91 = 5B
92 = 5C
93 = 5D
94 = 5E
95 = 5F
96 = 60
97 = 61
98 = 62
99 = 63
100 = 64
101 = 65
102 = 66
103 = 67
104 = 68
105 = 69
106 = 6A
107 = 6B
108 = 6C
109 = 6D
110 = 6E
111 = 6F
112 = 70
113 = 71
114 = 72
115 = 73
116 = 74
117 = 75
118 = 76
119 = 77
120 = 78
121 = 79
122 = 7A
123 = 7B
124 = 7C
125 = 7D
126 = 7E
127 = 7F
128 = 80
129 = 81
130 = 82
131 = 83
132 = 84
133 = 85
134 = 86
135 = 87
136 = 88
137 = 89
138 = 8A
139 = 8B
140 = 8C
141 = 8D
142 = 8E
143 = 8F
144 = 90
145 = 91
146 = 92
147 = 93
148 = 94
149 = 95
150 = 96
151 = 97
152 = 98
153 = 99
154 = 9A
155 = 9B
156 = 9C
157 = 9D
158 = 9E
159 = 9F
160 = A0
161 = A1
162 = A2
163 = A3
164 = A4
165 = A5
166 = A6
167 = A7
168 = A8
169 = A9
170 = AA
171 = AB
172 = AC
173 = AD
174 = AE
175 = AF
176 = B0
177 = B1
178 = B2
179 = B3
180 = B4
181 = B5
182 = B6
183 = B7
184 = B8
185 = B9
186 = BA
187 = BB
188 = BC
189 = BD
190 = BE
191 = BF
192 = C0
193 = C1
194 = C2
195 = C3
196 = C4
197 = C5
198 = C6
199 = C7
200 = C8
201 = C9
202 = CA
203 = CB
204 = CC
205 = CD
206 = CE
207 = CF
208 = D0
209 = D1
210 = D2
211 = D3
212 = D4
213 = D5
214 = D6
215 = D7
216 = D8
217 = D9
218 = DA
219 = DB
220 = DC
221 = DD
222 = DE
223 = DF
224 = E0
225 = E1
226 = E2
227 = E3
228 = E4
229 = E5
230 = E6
231 = E7
232 = E8
233 = E9
234 = EA
235 = EB
236 = EC
237 = ED
238 = EE
239 = EF
240 = F0
241 = F1
242 = F2
243 = F3
244 = F4
245 = F5
246 = F6
247 = F7
248 = F8
249 = F9
250 = FA
251 = FB
252 = FC
253 = FD
254 = FE
255 = FF
---------------------------
It is all quite simple. The interval is 15, so if you wanted 36, you could know in your head that it is 24. This chart was made just so you can check or if you have problems, you can just look at this chart. I hope this helps!
