Discord Color Picker

Discord nitro lets you set your display name to a solid color and let you choose between a solid color, a gradient and a holographic color for a discord roles color. This tool lets you pick colors, preview roughly how your name will look and copy the hex codes to paste into Discord’s own name color picker.

​

Picker

Drag inside the color square to set saturation and brightness, drag the bar below it to set hue or type a hex code directly. The eyedropper button (where supported by your browser) lets you pick a color from anywhere on your screen, not just this page.

​

How to use the colors on Discord

1. Pick your color(s) above, or upload an image and hit Extract colors to pull two colors out of it automatically.
2. Hit Copy to copy the hex code(s).
3. You can then paste the colors for your discord server roles.

​

Gradient vs. solid

Solid sets your whole display name to one color. Gradient blends between two colors across your name, character by character, which is what most people mean by a “gradient name” on Discord.

​

Extracting colors from an image

Select an image and hit Extract colors to pull two representative colors out of it. One dominant color and one contrasting color, chosen automatically from the image’s pixels. This all happens locally in your browser. The image is never uploaded anywhere.