Discord Role Color Picker: Role colors in hex and decimal
With the Discord Role Color Picker, you can choose a solid color or 2-color gradient for your Discord role and instantly copy the hex value for Discord’s color field and the decimal value for a bot or the API. The live preview shows the role in a chat message, @mention, and member list, in both Discord Dark Mode and Light Mode.
Built by Justin Schuessler
Free, with no sign-up required: Everything runs directly in your browser, and nothing is stored.
Need Discord bot hosting too? Keep your bot running 24/7.
Role color
Hex (without #, for Discord's color field)
5865f2
Decimal (for the Discord API)
5793266
Preview
Chat message
How your role color looks in a real chat message—and how it appears as a @Moderator mention.
Member list
How it works
How to choose a Discord role color
From choosing your first color to copying the value: get your Discord role color in six steps.
Step 1
Select mode
Select “Solid color” above for a single role color or “Gradient (2 colors)” for a gradient with primary and secondary colors.
Step 2
Enter role name
Enter your role’s name under “Role name (for preview),” for example, “Moderator.” It appears as an @mention in the preview.
Step 3
Set color
Choose a color with the color picker, enter a 6-digit hex code with or without #, or click one of Discord’s 20 default colors. In gradient mode, use “Swatches apply to” to choose whether clicking sets the primary or secondary color.
Step 4
Optional: no color
If you don’t want the role to change the name color, enable “No color (default) - Discord value 0” in “Solid color” mode. The decimal value will then be 0.
Step 5
Check preview
Check the role color in the preview with a chat message, @mention, and member list, and switch between “Discord Dark Mode” and “Discord Light Mode.”
Step 6
Copy hex or decimal value
Copy the hex value without # into your role’s color field under Server Settings → Roles, or use the decimal value for your bot or the Discord API. In gradient mode, you get separate values for primary_color and secondary_color.
Color codes
Discord role colors as hex codes and decimal values
For each role color, you get two color codes: a hex value for the color field in the Discord client and a decimal value for your bot or the Discord API. The tool calculates both automatically from your selection.
Hex value without # for Discord’s color field
Discord's hex field for role colors accepts at most 6 characters and counts the hash sign. If you paste “#e91e63,” only “#e91e6” remains. The Discord Role Color Picker therefore outputs the hex value without # so you can paste it as is.
Decimal value for bots and the Discord API
Internally, Discord stores a role color as an integer from 0 to 16777215, calculated as RĂ—65536 + GĂ—256 + B. This makes Discord Blurple #5865F2 equal to 5793266. In gradient mode, the tool shows separate values for primary_color and secondary_color.
Value 0 means “no color”
In Discord, 0 doesn't mean black; it means “no custom color.” The role then uses the default text color for the current theme. That's what the “No Color (Default) - Discord Value 0” switch in the tool shows: the decimal value is set to 0.
Gradient roles
Preview a Discord role color gradient
With Enhanced Role Styles, a Discord role can have a two-color gradient. The tool's preview shows you how the gradient looks in the name, @mention, and member list before you apply it.
Solid color or gradient
A solid color sets only primary_color. A gradient adds secondary_color, and Discord blends between the two colors in chat and the member list. To set one up in the tool, choose “Gradient (2 Colors)” and set the primary and secondary colors.
Requirement: Enhanced Role Styles
The server must first unlock gradients. This requires the “Enhanced Role Styles” perk, activated with 3 Server Boosts regardless of the overall boost level.
Holographic is not included
Discord's fixed Holographic preset can't be customized, so it's intentionally not included in the tool. The Discord Role Color Picker supports solid colors and custom two-color gradients.
Default colors
Discord's 20 default role colors with hex codes
These are the 20 default colors in Discord's role color picker: 10 vibrant colors and their 10 dark variants. You can apply any of them in the tool with one click.
| Color | Hex | Decimal |
|---|---|---|
| Aqua | #1abc9c | 1752220 |
| Green | #2ecc71 | 3066993 |
| Blue | #3498db | 3447003 |
| Purple | #9b59b6 | 10181046 |
| Pink | #e91e63 | 15277667 |
| Gold | #f1c40f | 15844367 |
| Orange | #e67e22 | 15105570 |
| Red | #e74c3c | 15158332 |
| Gray | #95a5a6 | 9807270 |
| Blue Gray | #607d8b | 6323595 |
| Dark Aqua | #11806a | 1146986 |
| Dark Green | #1f8b4c | 2067276 |
| Dark Blue | #206694 | 2123412 |
| Dark Purple | #71368a | 7419530 |
| Dark Pink | #ad1457 | 11342935 |
| Dark Gold | #c27c0e | 12745742 |
| Dark Orange | #a84300 | 11027200 |
| Dark Red | #992d22 | 10038562 |
| Dark Gray | #979c9f | 9936031 |
| Dark Blue Gray | #546e7a | 5533306 |
Explore more
More tools for Discord roles and colors
Contrast Checker
Calculate the WCAG contrast ratio between two colors live and check it against AA/AAA standards and UI components—all in your browser.
Built by Justin Schuessler
Color Scheme Generator
Generate complementary, analogous, triadic, and other color schemes live from a base color—nothing is stored or transmitted.
Built by Justin Schuessler
Color Picker
Convert colors between HEX, RGB, HSL, HSV, and CMYK in real time, find the closest CSS named color, and check WCAG contrast against black and white—all in your browser.
Built by Justin Schuessler
Discord Embed Color Picker
Choose a Discord Embed color and copy it as decimal, hex, discord.js, or discord.py code. Includes official Discord brand colors and a live preview.
Built by Justin Schuessler
Discord Permissions Calculator
Click to combine Discord role and bot permissions into a 64-bit bitfield, or decode an existing bitfield. Includes presets, an invite link generator, and warnings for admin permissions.
Built by Justin Schuessler
Discord Text Formatter (Markdown, Colored Text & Code Blocks)
Format Discord text with a click: bold, italic, spoilers, quotes, and code blocks, plus colored text using ANSI code blocks. Includes a live preview like Discord and a copy button. Runs entirely in your browser.
Built by Luca Stanek
FAQ
Frequently asked questions
Quick answers about Discord role colors, color codes, and this tool.
Yes. The Discord Role Color Picker is free to use without signing up. All values are calculated directly in your browser; nothing is sent to a server or stored.
An integer between 0 and 16777215, calculated as R×65536 + G×256 + B. It’s the same value as a 6-digit hex code, written in decimal: #5865F2 becomes 5793266. The tool shows both values side by side.
Discord’s role color field accepts a maximum of 6 characters and counts the # symbol. This truncates “#e91e63” to “#e91e6,” dropping the last digit. That’s why the tool gives you the hex value without #.
#000000 produces the decimal value 0, which means “no custom color” in Discord: the role uses the theme’s default text color. For near-black, use a value like #010101. In the tool, the “No color (default) - Discord value 0” toggle handles this case.
Your server needs the “Enhanced Role Styles” perk, unlocked with 3 Server Boosts regardless of the overall boost level. In the tool, select “Gradient (2 colors),” set the primary and secondary colors, and copy the values for primary_color and secondary_color. The fixed Holographic preset is intentionally not included.
Discord’s role color picker has 20 default colors: 10 bright colors, such as Aqua #1abc9c, Blue #3498db, and Red #e74c3c, plus their 10 dark variants. You can select any of them in the tool with one click. The full list with hex and decimal values is on this page.
Yes. You can switch the preview between Discord Dark Mode and Discord Light Mode. Each shows a chat message, the role’s @mention, and an entry in the member list.
If a member has multiple roles with custom colors, Discord displays the color of the highest of those roles in the role list. Move the role you want higher under Server Settings → Roles. The tool doesn’t change anything in Discord; it only calculates values and shows a preview.
Any more questions?
Contact Support
Your bot needs a reliable server that runs around the clock
A ZAP-Hosting VPS or Root Server hosts your Discord bot reliably, without downtime.
No setup. No risk. Online in seconds.
Looking for more tools? View all Discord tools
Preferred source on Google
