The latest articles on DEV Community by blanco (@blanco_6b2431420013d17885). https://dev.to/blanco_6b2431420013d17885 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4019993%2F9068cba6-9e82-4d22-b7b0-ae2d23257395.png https://dev.to/blanco_6b2431420013d17885 en blanco Tue, 07 Jul 2026 17:30:11 +0000 https://dev.to/blanco_6b2431420013d17885/i-reverse-engineered-discords-profile-banner-color-blend-and-built-a-tool-around-it-dmc https://dev.to/blanco_6b2431420013d17885/i-reverse-engineered-discords-profile-banner-color-blend-and-built-a-tool-around-it-dmc <h2> The problem </h2> <p>Discord Nitro lets you set a profile theme color. Simple enough — except the banner Discord actually shows you isn't the hex you picked. It's blended roughly 40% toward black or white depending on the color's brightness, and there's no documentation on the exact formula and no in-client preview.</p> <p>So people were doing the obvious thing: pick a color, upload, check, adjust, re-upload, repeat.</p> <h2> Figuring out the blend </h2> <p>I sampled a range of theme colors against their rendered banners and worked backward to the blend ratio and direction (toward black for brighter colors, toward white for darker ones, roughly a 40% mix). Once I had that matched, the rest was just wrapping it in something usable.</p> <h2> What I built </h2> <p>A small browser tool:</p> <ul> <li>Paste a hex → see the real banner color live</li> <li>Pull a color suggestion from an avatar</li> <li>Look up a user ID against public bot data</li> <li>Download a matched solid PNG banner</li> </ul> <p>React + Vite frontend, no backend accounts, self-hosted on a small VPS. No signup, no paywall.</p> <p>Try it: <a href="https://blancodagoat.dev/discord/" rel="noopener noreferrer">https://blancodagoat.dev/discord/</a></p> <p>Would love feedback, especially from anyone who's dealt with reverse-engineering undocumented platform behavior before — curious how close my approximation is to Discord's actual formula.</p> webdev javascript discord showdev