colorize
ColorKit
CK

Roblox Color Codes

The standard BrickColor IDs and names used in Roblox development.

IDNamePreview
1White
#F2F3F3
2Grey
#A1A5A2
3Light yellow
#F9D62E
5Brick yellow
#D7C59A
9Light green (Mint)
#B1D2A4
11Light blue
#74B5D6
18Black
#1B2A35
21Bright red
#C4281C
23Bright blue
#0D69AC
24Bright yellow
#F5CD30
26Black
#1B2A35
28Dark green
#27462D
29Medium green
#A1C48C
37Bright green
#4B974B
38Dark orange
#A05F35
45Light blue
#B4D2E4
100Light pink
#FFAAFF
101Crimson
#E70000
102Medium blue
#6E99CA
104Quiet yellow
#E5E4DF
105Cyan
#007EA8
106Bright oak
#DA867A
107Dark floral blue
#21254B
119Br. yellowish green
#A4BD47
124Magenta
#9F164C
125Gold
#DBB728
131Silver
#CDD2CB
133Neon orange
#D5733D
135Pearl
#74869D
141Earth green
#27462D
151Sand red
#957977
153Sand green
#789082
190Parsley green
#2C651D
191Dark stone grey
#635F62
192Rust
#8F4C2A
193Brown
#7B5D41
194Medium stone grey
#A3A2A5
199Dark grey
#635F62
217Brown
#7C5C46
226Cool yellow
#FDE08B
301Navy blue
#0D284C
302Dark blue
#0010B0
303Dark blue
#0010B0
304Earth blue
#203A56
305Earth blue
#203A56
306Earth blue
#203A56
307Earth blue
#203A56
308Earth blue
#203A56
309Deep blue
#16233E
311Deep blue
#16233E
312Deep blue
#16233E
313Deep blue
#16233E
314Deep blue
#16233E
315Deep blue
#16233E
316Deep blue
#16233E
317Deep blue
#16233E
318Deep blue
#16233E
321Navy blue
#0D284C
330Slime green
#56A023
334Daisy orange
#F8D96D
1001Institutional white
#F8F8F8
1002Mid gray
#CDCDCD
1003Really black
#111111
1004Really red
#FF0000
1005Deep orange
#FF9B00
1006Alder
#B48455
1007Dusty Rose
#A05F66
1008Olive
#C1BE42
1009New Yeller
#FFFF00
1010Really blue
#0000FF
1011Navy blue
#0D284C
1012Deep blue
#16233E
Knowledge Base & FAQ

Frequently Asked Questions

Direct answers and solutions to common questions, technical challenges, and industry standards.

What is the difference between Color3.new, Color3.fromRGB, and Color3.fromHex in Roblox Lua?expand_more
Roblox's Color3 datatype provides three constructors:
  • Color3.fromRGB(r, g, b): Accepts standard 0 to 255 integers (e.g. Color3.fromRGB(255, 85, 0)). This is the most common and intuitive method for scripting.
  • Color3.new(r, g, b): Accepts normalized floating point numbers from 0.0 to 1.0. For example, Color3.new(1, 0, 0) is pure red, while Color3.new(0.5, 0.5, 0.5) is 50% gray.
  • Color3.fromHex(hexString): Accepts standard 6-character hex strings with or without hashtag: Color3.fromHex("#FF5500").
How do I color text in Roblox ScreenGui using RichText?expand_more
In Roblox Studio, enable the RichText property (check the box in the Properties window or set TextLabel.RichText = true in Luau), then wrap your text in HTML-style font tags:
TextLabel.Text = '<font color="#FFAA00">Gold VIP Member</font> <font color="#00FF88">[Online]</font>'
You can also use RGB format inside the tag: <font color="rgb(255,170,0)">Text</font>.
What are Roblox BrickColors and how do I convert them to Color3?expand_more
BrickColor is Roblox's legacy palette of 127 standardized color names and numeric IDs (like 'Bright red' ID 21, or 'Medium stone grey' ID 194). It was originally designed to emulate physical plastic toy bricks. To convert a BrickColor into a modern RGB Color3 in your scripts, access its .Color property:
local brick = BrickColor.new("Really red")
local color3 = brick.Color -- Returns Color3.fromRGB(255, 0, 0)
local id = brick.Number    -- Returns integer ID 1004
How do I smoothly tween or animate a Part's color in Roblox Studio?expand_more
Use Roblox's TweenService to interpolate smoothly between colors without frame drops:
local TweenService = game:GetService("TweenService")
local part = script.Parent

local tweenInfo = TweenInfo.new(1.5, Enum.EasingStyle.Quad, Enum.EasingDirection.Out)
local goal = { Color = Color3.fromRGB(0, 170, 255) }

local tween = TweenService:Create(part, tweenInfo, goal)
tween:Play()