Developer reverse-engineers Discord's banner color blend formula and builds free preview tool
A developer discovered that Discord's profile banner does not display the exact hex color chosen by Nitro users, but instead blends it roughly 40% toward black or white based on the color's brightness. This undocumented behavior forced users into a tedious trial-and-error process of uploading and adjusting colors repeatedly. To solve this, the developer sampled multiple theme colors against their rendered banners and worked backward to identify the blend ratio and direction. The result is a free, no-signup browser tool built with React and Vite that lets users paste a hex code and instantly preview the actual banner color. The tool also supports avatar-based color suggestions and downloading a matched solid PNG banner, and is self-hosted with no paywall.
This is an AI-generated summary. ShortSingh links to the original source for the complete article.
Discussion (0)
Log in to join the discussion and vote.
Log in