{"id":239,"date":"2025-02-07T01:50:32","date_gmt":"2025-02-07T01:50:32","guid":{"rendered":"https:\/\/mbct.work\/?p=239"},"modified":"2025-02-07T12:29:06","modified_gmt":"2025-02-07T12:29:06","slug":"gta-iv-hud-colours-resource","status":"publish","type":"post","link":"https:\/\/mbct.work\/?p=239","title":{"rendered":"GTA IV HUD Colours Resource"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">This resource enables you to view the values of GTA IV&#8217;s hudcolour.dat elements by name and RGB value in a GUI-style, taking away the need to manually look up the RGB values with an online tool.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-right is-layout-flex wp-container-core-buttons-is-layout-89b4c9e9 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-font-size has-medium-font-size\" style=\"font-style:normal;font-weight:700\"><a class=\"wp-block-button__link has-vivid-cyan-blue-background-color has-background has-text-align-center wp-element-button\" href=\"https:\/\/mbct.work\/downloads\/hudcolours.html\" style=\"border-radius:14px\" target=\"_blank\" rel=\"noreferrer noopener\">Open raw file<\/a><\/div>\n\n\n\n<div class=\"wp-block-button has-custom-font-size is-style-fill has-medium-font-size\" style=\"font-style:normal;font-weight:700\"><a class=\"wp-block-button__link has-vivid-purple-background-color has-background has-text-align-center wp-element-button\" href=\"https:\/\/mega.nz\/file\/QMMRCR6I#KtOWbsnPFW7-IEOBPaOog6ysU1quYSouLBAzGQJSn1g\" style=\"border-radius:14px\" target=\"_blank\" rel=\"noreferrer noopener\">Download<\/a><\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"> <\/p>\n\n\n\n<details class=\"wp-block-details has-black-color has-luminous-vivid-amber-background-color has-text-color has-background has-link-color has-medium-font-size wp-elements-1 is-layout-flow wp-block-details-is-layout-flow\" style=\"font-style:normal;font-weight:600;text-decoration:none;text-transform:uppercase\"><summary>Click here to view<\/summary>\n<!DOCTYPE html>\n<html>\n<head>\n<title>GTA IV HUD Colours<\/title>\n<link rel=\"stylesheet\" href=\"colors.css\">\n<\/head>\n<body>\n\n<div class=\"color-container\" id=\"color-container\"><\/div>\n\n<script>\nconst colorData = `HUD_COLOUR_PURE_WHITE 255 255 255\nHUD_COLOUR_WHITE 225 225 225\nHUD_COLOUR_BLACK 0 0 0\nHUD_COLOUR_GREY 100 100 100\nHUD_COLOUR_RED 153 69 69\nHUD_COLOUR_REDLIGHT 206 155 155\nHUD_COLOUR_REDDARK 109 41 41\nHUD_COLOUR_BLUE 74 148 160\nHUD_COLOUR_BLUELIGHT 151 201 206\nHUD_COLOUR_BLUEDARK 51 105 114\nHUD_COLOUR_YELLOW 206 169 13\nHUD_COLOUR_YELLOWLIGHT 215 197 121\nHUD_COLOUR_YELLOWDARK 127 106 18\nHUD_COLOUR_ORANGE 188 130 74\nHUD_COLOUR_ORANGELIGHT 234 184 125\nHUD_COLOUR_ORANGEDARK 130 87 39\nHUD_COLOUR_GREEN 87 124 88\nHUD_COLOUR_GREENLIGHT 159 201 166\nHUD_COLOUR_GREENDARK 64 94 75\nHUD_COLOUR_PURPLE 152 111 158\nHUD_COLOUR_PURPLELIGHT 213 178 216\nHUD_COLOUR_PURPLEDARK 114 79 119\nHUD_COLOUR_PINK 226 176 209\nHUD_COLOUR_STAR 225 225 225\nHUD_COLOUR_STARLIGHT 225 225 225\nHUD_COLOUR_STARDARK 120 120 120\nHUD_COLOUR_NET_PLAYER1 230 110 0\nHUD_COLOUR_NET_PLAYER2 128 0 210\nHUD_COLOUR_NET_PLAYER3 9 175 0\nHUD_COLOUR_NET_PLAYER4 180 29 0\nHUD_COLOUR_NET_PLAYER5 185 99 99\nHUD_COLOUR_NET_PLAYER6 144 79 21\nHUD_COLOUR_NET_PLAYER7 41 151 139\nHUD_COLOUR_NET_PLAYER8 150 255 255\nHUD_COLOUR_NET_PLAYER9 216 207 130\nHUD_COLOUR_NET_PLAYER10 3 100 72\nHUD_COLOUR_NET_PLAYER11 67 56 165\nHUD_COLOUR_NET_PLAYER12 189 153 233\nHUD_COLOUR_NET_PLAYER13 196 110 68\nHUD_COLOUR_NET_PLAYER14 172 191 25\nHUD_COLOUR_NET_PLAYER15 112 102 46\nHUD_COLOUR_NET_PLAYER16 137 28 103\nHUD_COLOUR_NET_PLAYER17 141 135 242\nHUD_COLOUR_NET_PLAYER18 255 188 70\nHUD_COLOUR_NET_PLAYER19 85 0 255\nHUD_COLOUR_NET_PLAYER20 155 234 103\nHUD_COLOUR_NET_PLAYER21 255 255 75\nHUD_COLOUR_NET_PLAYER22 61 166 235\nHUD_COLOUR_NET_PLAYER23 255 0 255\nHUD_COLOUR_NET_PLAYER24 203 159 114\nHUD_COLOUR_NET_PLAYER25 1 75 0\nHUD_COLOUR_NET_PLAYER26 25 25 255\nHUD_COLOUR_NET_PLAYER27 255 175 225\nHUD_COLOUR_NET_PLAYER28 255 111 246\nHUD_COLOUR_NET_PLAYER29 111 115 45\nHUD_COLOUR_NET_PLAYER30 155 232 142\nHUD_COLOUR_NET_PLAYER31 110 120 145\nHUD_COLOUR_NET_PLAYER32 83 55 25\nHUD_COLOUR_SIMPLEBLIP_DEFAULT 159 201 166\nHUD_COLOUR_MENU_BLUE 140 140 140\nHUD_COLOUR_MENU_GREY_LIGHT 140 140 140\nHUD_COLOUR_MENU_BLUE_EXTRA_DARK 40 40 40\nHUD_COLOUR_MENU_YELLOW 240 160 0\nHUD_COLOUR_MENU_YELLOW_DARK 240 160 0\nHUD_COLOUR_MENU_GREEN 240 160 0\nHUD_COLOUR_MENU_GREY 140 140 140\nHUD_COLOUR_MENU_GREY_DARK 60 60 60\nHUD_COLOUR_MENU_HIGHLIGHT 30 30 30\nHUD_COLOUR_MENU_STANDARD 140 140 140\nHUD_COLOUR_MENU_DIMMED 75 75 75\nHUD_COLOUR_MENU_EXTRA_DIMMED 50 50 50\nHUD_COLOUR_BRIEF_TITLE 95 95 95\nHUD_COLOUR_MID_GREY_MP 100 100 100`;\n\nconst colorContainer = document.getElementById('color-container');\n\ncolorData.split('\\n').forEach(line => {\n  const parts = line.split(' ');\n  if (parts.length === 4) {\n    const name = parts[0];\n    const r = parseInt(parts[1]);\n    const g = parseInt(parts[2]);\n    const b = parseInt(parts[3]);\n\n    const colorBox = document.createElement('div');\n    colorBox.classList.add('color-box');\n    colorBox.style.backgroundColor = `rgb(${r}, ${g}, ${b})`;\n    colorBox.textContent = `${name} ${r} ${g} ${b}`; \/\/ Or just name if you prefer\n\n    \/\/ Add the color swatch (::before pseudo-element)\n    const swatch = document.createElement('span'); \/\/ Use a <span> for the swatch\n    swatch.style.display = 'inline-block';\n    swatch.style.width = '50px';\n    swatch.style.height = '50px';\n    swatch.style.marginRight = '10px';\n    swatch.style.backgroundColor = `rgb(${r}, ${g}, ${b})`;\n\n    colorBox.insertBefore(swatch, colorBox.firstChild); \/\/ Insert at the beginning\n\n    colorContainer.appendChild(colorBox);\n  }\n});\n<\/script>\n<\/details>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This resource enables you to view the values of GTA IV&#8217;s hudcolour.dat elements by name and RGB value in a GUI-style, taking away the need to manually look up the RGB values with an online tool.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[23,18],"tags":[],"class_list":["post-239","post","type-post","status-publish","format-standard","hentry","category-downloads","category-gtaiv-modding"],"_links":{"self":[{"href":"https:\/\/mbct.work\/index.php?rest_route=\/wp\/v2\/posts\/239","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mbct.work\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mbct.work\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mbct.work\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mbct.work\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=239"}],"version-history":[{"count":5,"href":"https:\/\/mbct.work\/index.php?rest_route=\/wp\/v2\/posts\/239\/revisions"}],"predecessor-version":[{"id":279,"href":"https:\/\/mbct.work\/index.php?rest_route=\/wp\/v2\/posts\/239\/revisions\/279"}],"wp:attachment":[{"href":"https:\/\/mbct.work\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=239"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mbct.work\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=239"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mbct.work\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=239"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}