docs/company_colour_indexes.html

   1 <!DOCTYPE html>
   2 <html xmlns="http://www.w3.org/1999/xhtml" lang="en">
   3 <!-- derived from Iron Horse branch at https://github.com/andythenorth/iron-horse/tree/company_colour_indexes -->
   4 <head>
   5         <title>OpenTTD Company Colour Indexes</title>
   6         <meta charset="UTF-8" />
   7 <style>
   8 th {
   9         vertical-align: top;
  10         border-bottom:  solid 1px #ddd;
  11         padding-top:    30px;
  12         padding-right:  15px;
  13         text-align:     right;
  14 }
  15 tr.top td {
  16         padding-top:    20px;
  17 }
  18 tr.bottom td {
  19         border-bottom:  solid 1px #ddd;
  20         padding-bottom: 10px;
  21 }
  22 td {
  23         text-align:     right;
  24 }
  25 span {
  26         border:         solid 1px #000;
  27         width:          32px;
  28         height:         32px;
  29         display:        inline-block;
  30         vertical-align: top;
  31         margin-left:    0px;
  32 }
  33 </style>
  34 </head>
  35 <body>
  36         <h1>Company Colour Indexes</h1>
  37         <p>Hex / dec indexes into the DOS palette</p>
  38         <p>
  39                 Visual representation of values derived from <a href="https://github.com/frosch123/TTDViewer/blob/master/src/recolor.xml#L186">https://github.com/frosch123/TTDViewer/blob/master/src/recolor.xml#L186</a>
  40         </p>
  41         <table style="margin-top:30px;">
  42                 <tbody>
  43                         <tr class="top">
  44                                 <th rowspan="3">COLOUR_DARK_BLUE</th>
  45                                 <td><span style="background-color:rgb(  8,  24,  88)"></span></td>
  46                                 <td><span style="background-color:rgb( 12,  36, 104)"></span></td>
  47                                 <td><span style="background-color:rgb( 20,  52, 124)"></span></td>
  48                                 <td><span style="background-color:rgb( 28,  68, 140)"></span></td>
  49                                 <td><span style="background-color:rgb( 40,  92, 164)"></span></td>
  50                                 <td><span style="background-color:rgb( 56, 120, 188)"></span></td>
  51                                 <td><span style="background-color:rgb( 72, 152, 216)"></span></td>
  52                                 <td><span style="background-color:rgb(100, 172, 224)"></span></td>
  53                         </tr>
  54                         <tr>
  55                                 <td>0xc6</td>
  56                                 <td>0xc7</td>
  57                                 <td>0xc8</td>
  58                                 <td>0xc9</td>
  59                                 <td>0xca</td>
  60                                 <td>0xcb</td>
  61                                 <td>0xcc</td>
  62                                 <td>0xcd</td>
  63                         </tr>
  64                         <tr class="bottom">
  65                                 <td>198</td>
  66                                 <td>199</td>
  67                                 <td>200</td>
  68                                 <td>201</td>
  69                                 <td>202</td>
  70                                 <td>203</td>
  71                                 <td>204</td>
  72                                 <td>205</td>
  73                         </tr>
  74
  75                         <tr class="top">
  76                                 <th rowspan="3">COLOUR_PALE_GREEN</th>
  77                                 <td><span style="background-color:rgb( 16,  52,  24)"></span></td>
  78                                 <td><span style="background-color:rgb( 32,  72,  44)"></span></td>
  79                                 <td><span style="background-color:rgb( 56,  96,  72)"></span></td>
  80                                 <td><span style="background-color:rgb( 76, 116,  88)"></span></td>
  81                                 <td><span style="background-color:rgb( 96, 136, 108)"></span></td>
  82                                 <td><span style="background-color:rgb(120, 164, 136)"></span></td>
  83                                 <td><span style="background-color:rgb(152, 192, 168)"></span></td>
  84                                 <td><span style="background-color:rgb(184, 220, 200)"></span></td>
  85                         </tr>
  86                         <tr>
  87                                 <td>0x60</td>
  88                                 <td>0x61</td>
  89                                 <td>0x62</td>
  90                                 <td>0x63</td>
  91                                 <td>0x64</td>
  92                                 <td>0x65</td>
  93                                 <td>0x66</td>
  94                                 <td>0x67</td>
  95                         </tr>
  96                         <tr class="bottom">
  97                                 <td>96</td>
  98                                 <td>97</td>
  99                                 <td>98</td>
 100                                 <td>99</td>
 101                                 <td>100</td>
 102                                 <td>101</td>
 103                                 <td>102</td>
 104                                 <td>103</td>
 105                         </tr>
 106
 107                         <tr class="top">
 108                                 <th rowspan="3">COLOUR_PINK</th>
 109                                 <td><span style="background-color:rgb(112,  16,  32)"></span></td>
 110                                 <td><span style="background-color:rgb(136,  32,  52)"></span></td>
 111                                 <td><span style="background-color:rgb(160,  56,  76)"></span></td>
 112                                 <td><span style="background-color:rgb(188,  84, 108)"></span></td>
 113                                 <td><span style="background-color:rgb(204, 104, 124)"></span></td>
 114                                 <td><span style="background-color:rgb(220, 132, 144)"></span></td>
 115                                 <td><span style="background-color:rgb(236, 156, 164)"></span></td>
 116                                 <td><span style="background-color:rgb(252, 188, 192)"></span></td>
 117                         </tr>
 118                         <tr>
 119                                 <td>0x2a</td>
 120                                 <td>0x2b</td>
 121                                 <td>0x2c</td>
 122                                 <td>0x2d</td>
 123                                 <td>0x2e</td>
 124                                 <td>0x2f</td>
 125                                 <td>0x30</td>
 126                                 <td>0x31</td>
 127                         </tr>
 128                         <tr class="bottom">
 129                                 <td>42</td>
 130                                 <td>43</td>
 131                                 <td>44</td>
 132                                 <td>45</td>
 133                                 <td>46</td>
 134                                 <td>47</td>
 135                                 <td>48</td>
 136                                 <td>49</td>
 137                         </tr>
 138
 139                         <tr class="top">
 140                                 <th rowspan="3">COLOUR_YELLOW</th>
 141                                 <td><span style="background-color:rgb(128,  68,   8)"></span></td>
 142                                 <td><span style="background-color:rgb(156,  96,  16)"></span></td>
 143                                 <td><span style="background-color:rgb(184, 120,  24)"></span></td>
 144                                 <td><span style="background-color:rgb(212, 156,  32)"></span></td>
 145                                 <td><span style="background-color:rgb(232, 184,  16)"></span></td>
 146                                 <td><span style="background-color:rgb(252, 212,   0)"></span></td>
 147                                 <td><span style="background-color:rgb(252, 248, 128)"></span></td>
 148                                 <td><span style="background-color:rgb(252, 252, 192)"></span></td>
 149                         </tr>
 150                         <tr>
 151                                 <td>0x3e</td>
 152                                 <td>0x3f</td>
 153                                 <td>0x40</td>
 154                                 <td>0x41</td>
 155                                 <td>0x42</td>
 156                                 <td>0x43</td>
 157                                 <td>0x44</td>
 158                                 <td>0x45</td>
 159                         </tr>
 160                         <tr class="bottom">
 161                                 <td>62</td>
 162                                 <td>63</td>
 163                                 <td>64</td>
 164                                 <td>65</td>
 165                                 <td>66</td>
 166                                 <td>67</td>
 167                                 <td>68</td>
 168                                 <td>69</td>
 169                         </tr>
 170
 171                         <tr class="top">
 172                                 <th rowspan="3">COLOUR_RED</th>
 173                                 <td><span style="background-color:rgb( 92,   0,   0)"></span></td>
 174                                 <td><span style="background-color:rgb(128,   0,   0)"></span></td>
 175                                 <td><span style="background-color:rgb(160,   0,   0)"></span></td>
 176                                 <td><span style="background-color:rgb(196,   0,   0)"></span></td>
 177                                 <td><span style="background-color:rgb(224,   0,   0)"></span></td>
 178                                 <td><span style="background-color:rgb(252,  52,  52)"></span></td>
 179                                 <td><span style="background-color:rgb(252, 100,  88)"></span></td>
 180                                 <td><span style="background-color:rgb(252, 144, 124)"></span></td>
 181                         </tr>
 182                         <tr>
 183                                 <td>0xb3</td>
 184                                 <td>0xb4</td>
 185                                 <td>0xb5</td>
 186                                 <td>0xb6</td>
 187                                 <td>0xb7</td>
 188                                 <td>0xa4</td>
 189                                 <td>0xa5</td>
 190                                 <td>0xa6</td>
 191                         </tr>
 192                         <tr class="bottom">
 193                                 <td>179</td>
 194                                 <td>180</td>
 195                                 <td>181</td>
 196                                 <td>182</td>
 197                                 <td>183</td>
 198                                 <td>164</td>
 199                                 <td>165</td>
 200                                 <td>166</td>
 201                         </tr>
 202
 203                         <tr class="top">
 204                                 <th rowspan="3">COLOUR_LIGHT_BLUE</th>
 205                                 <td><span style="background-color:rgb( 16,  64,  96)"></span></td>
 206                                 <td><span style="background-color:rgb( 24,  80, 108)"></span></td>
 207                                 <td><span style="background-color:rgb( 40,  96, 120)"></span></td>
 208                                 <td><span style="background-color:rgb( 52, 112, 132)"></span></td>
 209                                 <td><span style="background-color:rgb( 80, 140, 160)"></span></td>
 210                                 <td><span style="background-color:rgb(116, 172, 192)"></span></td>
 211                                 <td><span style="background-color:rgb(156, 204, 220)"></span></td>
 212                                 <td><span style="background-color:rgb(204, 240, 252)"></span></td>
 213                         </tr>
 214                         <tr>
 215                                 <td>0x9a</td>
 216                                 <td>0x9b</td>
 217                                 <td>0x9c</td>
 218                                 <td>0x9d</td>
 219                                 <td>0x9e</td>
 220                                 <td>0x9f</td>
 221                                 <td>0xa0</td>
 222                                 <td>0xa1</td>
 223                         </tr>
 224                         <tr class="bottom">
 225                                 <td>154</td>
 226                                 <td>155</td>
 227                                 <td>156</td>
 228                                 <td>157</td>
 229                                 <td>158</td>
 230                                 <td>159</td>
 231                                 <td>160</td>
 232                                 <td>161</td>
 233                         </tr>
 234
 235                         <tr class="top">
 236                                 <th rowspan="3">COLOUR_GREEN</th>
 237                                 <td><span style="background-color:rgb( 32,  80,   4)"></span></td>
 238                                 <td><span style="background-color:rgb( 48,  96,   4)"></span></td>
 239                                 <td><span style="background-color:rgb( 64, 112,  12)"></span></td>
 240                                 <td><span style="background-color:rgb( 84, 132,  20)"></span></td>
 241                                 <td><span style="background-color:rgb( 92, 156,  52)"></span></td>
 242                                 <td><span style="background-color:rgb(108, 176,  64)"></span></td>
 243                                 <td><span style="background-color:rgb(124, 200,  76)"></span></td>
 244                                 <td><span style="background-color:rgb(144, 224,  92)"></span></td>
 245                         </tr>
 246                         <tr>
 247                                 <td>0x52</td>
 248                                 <td>0x53</td>
 249                                 <td>0x54</td>
 250                                 <td>0x55</td>
 251                                 <td>0xce</td>
 252                                 <td>0xcf</td>
 253                                 <td>0xd0</td>
 254                                 <td>0xd1</td>
 255                         </tr>
 256                         <tr class="bottom">
 257                                 <td>82</td>
 258                                 <td>83</td>
 259                                 <td>84</td>
 260                                 <td>85</td>
 261                                 <td>206</td>
 262                                 <td>207</td>
 263                                 <td>208</td>
 264                                 <td>209</td>
 265                         </tr>
 266
 267                         <tr class="top">
 268                                 <th rowspan="3">COLOUR_DARK_GREEN</th>
 269                                 <td><span style="background-color:rgb( 28,  52,  24)"></span></td>
 270                                 <td><span style="background-color:rgb( 44,  68,  32)"></span></td>
 271                                 <td><span style="background-color:rgb( 60,  88,  48)"></span></td>
 272                                 <td><span style="background-color:rgb( 80, 104,  60)"></span></td>
 273                                 <td><span style="background-color:rgb(104, 124,  76)"></span></td>
 274                                 <td><span style="background-color:rgb(128, 148,  92)"></span></td>
 275                                 <td><span style="background-color:rgb(152, 176, 108)"></span></td>
 276                                 <td><span style="background-color:rgb(180, 204, 124)"></span></td>
 277                         </tr>
 278                         <tr>
 279                                 <td>0x58</td>
 280                                 <td>0x59</td>
 281                                 <td>0x5a</td>
 282                                 <td>0x5b</td>
 283                                 <td>0x5c</td>
 284                                 <td>0x5d</td>
 285                                 <td>0x5e</td>
 286                                 <td>0x5f</td>
 287                         </tr>
 288                         <tr class="bottom">
 289                                 <td>88</td>
 290                                 <td>89</td>
 291                                 <td>90</td>
 292                                 <td>91</td>
 293                                 <td>92</td>
 294                                 <td>93</td>
 295                                 <td>94</td>
 296                                 <td>95</td>
 297                         </tr>
 298
 299                         <tr class="top">
 300                                 <th rowspan="3">COLOUR_BLUE</th>
 301                                 <td><span style="background-color:rgb(  0,  52, 160)"></span></td>
 302                                 <td><span style="background-color:rgb(  0,  72, 184)"></span></td>
 303                                 <td><span style="background-color:rgb(  0,  96, 212)"></span></td>
 304                                 <td><span style="background-color:rgb( 24, 120, 220)"></span></td>
 305                                 <td><span style="background-color:rgb( 56, 144, 232)"></span></td>
 306                                 <td><span style="background-color:rgb( 88, 168, 240)"></span></td>
 307                                 <td><span style="background-color:rgb(128, 196, 252)"></span></td>
 308                                 <td><span style="background-color:rgb(188, 224, 252)"></span></td>
 309                         </tr>
 310                         <tr>
 311                                 <td>0x92</td>
 312                                 <td>0x93</td>
 313                                 <td>0x94</td>
 314                                 <td>0x95</td>
 315                                 <td>0x96</td>
 316                                 <td>0x97</td>
 317                                 <td>0x98</td>
 318                                 <td>0x99</td>
 319                         </tr>
 320                         <tr class="bottom">
 321                                 <td>146</td>
 322                                 <td>147</td>
 323                                 <td>148</td>
 324                                 <td>149</td>
 325                                 <td>150</td>
 326                                 <td>151</td>
 327                                 <td>152</td>
 328                                 <td>153</td>
 329                         </tr>
 330
 331                         <tr class="top">
 332                                 <th rowspan="3">COLOUR_CREAM</th>
 333                                 <td><span style="background-color:rgb(116,  68,  40)"></span></td>
 334                                 <td><span style="background-color:rgb(136,  84,  56)"></span></td>
 335                                 <td><span style="background-color:rgb(164,  96,  64)"></span></td>
 336                                 <td><span style="background-color:rgb(184, 112,  80)"></span></td>
 337                                 <td><span style="background-color:rgb(204, 128,  96)"></span></td>
 338                                 <td><span style="background-color:rgb(212, 148, 112)"></span></td>
 339                                 <td><span style="background-color:rgb(224, 168, 128)"></span></td>
 340                                 <td><span style="background-color:rgb(236, 188, 148)"></span></td>
 341                         </tr>
 342                         <tr>
 343                                 <td>0x72</td>
 344                                 <td>0x73</td>
 345                                 <td>0x74</td>
 346                                 <td>0x75</td>
 347                                 <td>0x76</td>
 348                                 <td>0x77</td>
 349                                 <td>0x78</td>
 350                                 <td>0x79</td>
 351                         </tr>
 352                         <tr class="bottom">
 353                                 <td>114</td>
 354                                 <td>115</td>
 355                                 <td>116</td>
 356                                 <td>117</td>
 357                                 <td>118</td>
 358                                 <td>119</td>
 359                                 <td>120</td>
 360                                 <td>121</td>
 361                         </tr>
 362
 363                         <tr class="top">
 364                                 <th rowspan="3">COLOUR_MAUVE</th>
 365                                 <td><span style="background-color:rgb( 36,  40,  68)"></span></td>
 366                                 <td><span style="background-color:rgb( 48,  52,  84)"></span></td>
 367                                 <td><span style="background-color:rgb( 64,  64, 100)"></span></td>
 368                                 <td><span style="background-color:rgb( 80,  80, 116)"></span></td>
 369                                 <td><span style="background-color:rgb(100, 100, 136)"></span></td>
 370                                 <td><span style="background-color:rgb(132, 132, 164)"></span></td>
 371                                 <td><span style="background-color:rgb(172, 172, 192)"></span></td>
 372                                 <td><span style="background-color:rgb(212, 212, 224)"></span></td>
 373                         </tr>
 374                         <tr>
 375                                 <td>0x80</td>
 376                                 <td>0x81</td>
 377                                 <td>0x82</td>
 378                                 <td>0x83</td>
 379                                 <td>0x84</td>
 380                                 <td>0x85</td>
 381                                 <td>0x86</td>
 382                                 <td>0x87</td>
 383                         </tr>
 384                         <tr class="bottom">
 385                                 <td>128</td>
 386                                 <td>129</td>
 387                                 <td>130</td>
 388                                 <td>131</td>
 389                                 <td>132</td>
 390                                 <td>133</td>
 391                                 <td>134</td>
 392                                 <td>135</td>
 393                         </tr>
 394
 395                         <tr class="top">
 396                                 <th rowspan="3">COLOUR_PURPLE</th>
 397                                 <td><span style="background-color:rgb( 40,  20, 112)"></span></td>
 398                                 <td><span style="background-color:rgb( 64,  44, 144)"></span></td>
 399                                 <td><span style="background-color:rgb( 88,  64, 172)"></span></td>
 400                                 <td><span style="background-color:rgb(104,  76, 196)"></span></td>
 401                                 <td><span style="background-color:rgb(120,  88, 224)"></span></td>
 402                                 <td><span style="background-color:rgb(140, 104, 252)"></span></td>
 403                                 <td><span style="background-color:rgb(160, 136, 252)"></span></td>
 404                                 <td><span style="background-color:rgb(188, 168, 252)"></span></td>
 405                         </tr>
 406                         <tr>
 407                                 <td>0x88</td>
 408                                 <td>0x89</td>
 409                                 <td>0x8a</td>
 410                                 <td>0x8b</td>
 411                                 <td>0x8c</td>
 412                                 <td>0x8d</td>
 413                                 <td>0x8e</td>
 414                                 <td>0x8f</td>
 415                         </tr>
 416                         <tr class="bottom">
 417                                 <td>136</td>
 418                                 <td>137</td>
 419                                 <td>138</td>
 420                                 <td>139</td>
 421                                 <td>140</td>
 422                                 <td>141</td>
 423                                 <td>142</td>
 424                                 <td>143</td>
 425                         </tr>
 426
 427                         <tr class="top">
 428                                 <th rowspan="3">COLOUR_ORANGE</th>
 429                                 <td><span style="background-color:rgb(184, 120,  24)"></span></td>
 430                                 <td><span style="background-color:rgb(204, 136,   8)"></span></td>
 431                                 <td><span style="background-color:rgb(228, 144,   4)"></span></td>
 432                                 <td><span style="background-color:rgb(252, 156,   0)"></span></td>
 433                                 <td><span style="background-color:rgb(252, 176,  48)"></span></td>
 434                                 <td><span style="background-color:rgb(252, 196, 100)"></span></td>
 435                                 <td><span style="background-color:rgb(252, 216, 152)"></span></td>
 436                                 <td><span style="background-color:rgb(244, 220, 176)"></span></td>
 437                         </tr>
 438                         <tr>
 439                                 <td>0x40</td>
 440                                 <td>0xc0</td>
 441                                 <td>0xc1</td>
 442                                 <td>0xc2</td>
 443                                 <td>0xc3</td>
 444                                 <td>0xc4</td>
 445                                 <td>0xc5</td>
 446                                 <td>0x27</td>
 447                         </tr>
 448                         <tr class="bottom">
 449                                 <td>64</td>
 450                                 <td>192</td>
 451                                 <td>193</td>
 452                                 <td>194</td>
 453                                 <td>195</td>
 454                                 <td>196</td>
 455                                 <td>197</td>
 456                                 <td>39</td>
 457                         </tr>
 458
 459                         <tr class="top">
 460                                 <th rowspan="3">COLOUR_BROWN</th>
 461                                 <td><span style="background-color:rgb( 72,  44,   4)"></span></td>
 462                                 <td><span style="background-color:rgb( 88,  60,  20)"></span></td>
 463                                 <td><span style="background-color:rgb(104,  80,  44)"></span></td>
 464                                 <td><span style="background-color:rgb(124, 104,  72)"></span></td>
 465                                 <td><span style="background-color:rgb(152, 132,  92)"></span></td>
 466                                 <td><span style="background-color:rgb(184, 160, 120)"></span></td>
 467                                 <td><span style="background-color:rgb(212, 188, 148)"></span></td>
 468                                 <td><span style="background-color:rgb(244, 220, 176)"></span></td>
 469                         </tr>
 470                         <tr>
 471                                 <td>0x20</td>
 472                                 <td>0x21</td>
 473                                 <td>0x22</td>
 474                                 <td>0x23</td>
 475                                 <td>0x24</td>
 476                                 <td>0x25</td>
 477                                 <td>0x26</td>
 478                                 <td>0x27</td>
 479                         </tr>
 480                         <tr class="bottom">
 481                                 <td>32</td>
 482                                 <td>33</td>
 483                                 <td>34</td>
 484                                 <td>35</td>
 485                                 <td>36</td>
 486                                 <td>37</td>
 487                                 <td>38</td>
 488                                 <td>39</td>
 489                         </tr>
 490
 491                         <tr class="top">
 492                                 <th rowspan="3">COLOUR_GREY</th>
 493                                 <td><span style="background-color:rgb( 64,  64,  64)"></span></td>
 494                                 <td><span style="background-color:rgb( 80,  80,  80)"></span></td>
 495                                 <td><span style="background-color:rgb(100, 100, 100)"></span></td>
 496                                 <td><span style="background-color:rgb(116, 116, 116)"></span></td>
 497                                 <td><span style="background-color:rgb(132, 132, 132)"></span></td>
 498                                 <td><span style="background-color:rgb(148, 148, 148)"></span></td>
 499                                 <td><span style="background-color:rgb(168, 168, 168)"></span></td>
 500                                 <td><span style="background-color:rgb(184, 184, 184)"></span></td>
 501                         </tr>
 502                         <tr>
 503                                 <td>0x4</td>
 504                                 <td>0x5</td>
 505                                 <td>0x6</td>
 506                                 <td>0x7</td>
 507                                 <td>0x8</td>
 508                                 <td>0x9</td>
 509                                 <td>0xa</td>
 510                                 <td>0xb</td>
 511                         </tr>
 512                         <tr class="bottom">
 513                                 <td>4</td>
 514                                 <td>5</td>
 515                                 <td>6</td>
 516                                 <td>7</td>
 517                                 <td>8</td>
 518                                 <td>9</td>
 519                                 <td>10</td>
 520                                 <td>11</td>
 521                         </tr>
 522
 523                         <tr class="top">
 524                                 <th rowspan="3">COLOUR_WHITE</th>
 525                                 <td><span style="background-color:rgb(132, 132, 132)"></span></td>
 526                                 <td><span style="background-color:rgb(148, 148, 148)"></span></td>
 527                                 <td><span style="background-color:rgb(168, 168, 168)"></span></td>
 528                                 <td><span style="background-color:rgb(184, 184, 184)"></span></td>
 529                                 <td><span style="background-color:rgb(200, 200, 200)"></span></td>
 530                                 <td><span style="background-color:rgb(216, 216, 216)"></span></td>
 531                                 <td><span style="background-color:rgb(232, 232, 232)"></span></td>
 532                                 <td><span style="background-color:rgb(252, 252, 252)"></span></td>
 533                         </tr>
 534                         <tr>
 535                                 <td>0x8</td>
 536                                 <td>0x9</td>
 537                                 <td>0xa</td>
 538                                 <td>0xb</td>
 539                                 <td>0xc</td>
 540                                 <td>0xd</td>
 541                                 <td>0xe</td>
 542                                 <td>0xf</td>
 543                         </tr>
 544                         <tr class="bottom">
 545                                 <td>8</td>
 546                                 <td>9</td>
 547                                 <td>10</td>
 548                                 <td>11</td>
 549                                 <td>12</td>
 550                                 <td>13</td>
 551                                 <td>14</td>
 552                                 <td>15</td>
 553                         </tr>
 554                 </tbody>
 555         </table>
 556 </body>
 557 </html>