Roblox Color Codes (BrickColor & Color3)

In Roblox Studio, you can change a part's color using three distinct methods:

• Via the Ribbon Bar (Visual Palette): Select the part in the 3D viewport or Explorer window. On the Home or Model tab, click the Color dropdown (paint palette icon) to choose from the 64 quick BrickColor presets, or click outside to open the full 24-bit sRGB color picker.
• Via the Properties Window: Open the Properties panel (View → Properties). Under the Appearance section:
  • Color: Click the color chip or enter RGB numbers to set any custom Color3 value.
  • BrickColor: Click the dropdown to pick from the 208 indexed BrickColor palette names.
• Via Luau Scripting: In a Server Script or LocalScript, assign either Color3 or BrickColor:
  workspace.Part.Color = Color3.fromRGB(255, 65, 65) -- 24-bit RGB
  workspace.Part.BrickColor = BrickColor.new("Bright red") -- BrickColor name

Changing an accessory's color in Roblox Studio depends on how the accessory was constructed:

1. Locate the Accessory Handle: In the Explorer panel, expand your avatar model or accessory container and select the child part named Handle (typically a MeshPart or a part holding a SpecialMesh).
2. MeshPart Accessories:
   • If the accessory has a texture, its image will override the base color. In the Properties window, temporarily clear the TextureID field to render solid colors, then change the Color property.
   • Alternatively, insert a SurfaceAppearance object inside the MeshPart to apply custom PBR tinting or recolored albedo textures.
3. SpecialMesh Handles (Classic Accessories): Expand the Handle, select the SpecialMesh child, and locate the VertexColor property in the Properties panel. Entering a Vector3 multiplier (e.g. Vector3.new(2, 0.5, 0.5) for a red tint) tints the texture directly.

Roblox Studio offers multiple techniques to paint colors, decals, or textures onto 3D parts:

• The Quick Paint / Color Tool: Select one or more parts in the workspace, click the Color tool on the Ribbon bar, and click any color chip. All selected parts immediately update to that color.
• Applying Decals and Image Textures: In the Explorer window, hover over your Part, click the + button, and add a Decal or Texture. Set the Face property (e.g. Front, Top) and paste your image asset ID into the Texture property. You can tint decals using the Color3 property.
• Terrain Paint Brush: For natural environments, open the Terrain Editor (Home → Terrain Editor → Paint) to paint grass, rock, mud, sand, or snow onto voxel terrain.
• UV Texture Painting (3D Modeling): For custom characters and complex weapons, modelers paint custom 2D UV maps in software like Blender or Substance Painter, then import the textured MeshPart into Roblox Studio.

A BrickColor is Roblox's legacy, indexed color palette system dating back to the platform's initial release in 2006.

• Curated 208-Color Palette: Unlike modern Color3 (which supports 16.7 million 24-bit sRGB colors), the BrickColor system consists of exactly 208 predefined colors inspired by classic construction toy plastic palettes.
• Three Identifiers: Every BrickColor possesses an official Number ID (e.g. 21 for Bright red, 1003 for Really black), a descriptive Name string (e.g. "Medium stone grey"), and an associated RGB coordinate.
• Avatar Integration: BrickColor remains the foundational data type for Roblox avatar skin tones, classic Noob colors, and character BodyColors.

Color3 is Roblox's primary 24-bit color data type, representing colors using three RGB channels (Red, Green, Blue) across the complete 16,777,216 sRGB color spectrum.

Roblox developers instantiate Color3 using four official constructors:

• Color3.fromRGB(r, g, b): Uses standard integer values from 0 to 255 (e.g. Color3.fromRGB(59, 130, 246) for vibrant blue). This is the most popular constructor for developers.
• Color3.fromHex(hexString): Parses standard 6-character hex color codes (e.g. Color3.fromHex("#10B981")).
• Color3.fromHSV(h, s, v): Accepts Hue, Saturation, and Value floating points between 0.0 and 1.0, making it ideal for smooth rainbow cycling, color pickers, and dynamic day/night lighting.
• Color3.new(r, g, b): Normalizes RGB channels as floats between 0.0 and 1.0 (e.g. Color3.new(1, 0, 0) for pure red).

Color3 controls almost every visual element in Roblox, including Part.Color, TextLabel.TextColor3, Frame.BackgroundColor3, Light.Color, and Highlight.FillColor.

In Luau scripts, you can update a part's color using either the BrickColor property or the modern Color (Color3) property:

Engine Synchronization: Setting part.Color automatically maps part.BrickColor to the nearest matching palette preset, while setting part.BrickColor instantly synchronizes part.Color to the exact RGB coordinate of that preset.

Roblox features a catalog of 208 official indexed BrickColors divided into 9 functional color categories:

• Greys & Neutrals: Really black (1003), Black (26), Dark stone grey (199), Medium stone grey (194), Light stone grey (208), and White (1).
• Reds: Bright red (21), Crimson (1007), Dusty Rose (1008), Persimmon (1018), and Maroon (1020).
• Blues: Bright blue (23), Navy blue (1019), Royal blue (1013), Pastel blue (102), and Cyan (107).
• Yellows & Oranges: Bright yellow (24), Cool yellow (226), Nougat (18), Bright orange (106), and Gold (333 / classic 127).
• Greens: Dark green (28), Bright green (37), Lime green (1005), and Camo (1022).
• Purples & Browns: Bright violet (104), Lilac (1014), Reddish brown (192), and Dark orange (38).

You can browse the complete, searchable 208 BrickColor database table above on Real Colour Picker, complete with live 3D material previews, hex codes, and one-click copy buttons!

You can customize individual limb skin colors either through the Roblox Avatar Editor or via Luau scripts in Roblox Studio:

• In the Avatar Editor (Website or Mobile App):
  1. Navigate to the Avatar customization screen.
  2. Select Head & Body → Skin Tone.
  3. Scroll to the bottom and click or tap Advanced (on mobile, request the desktop website or use a browser).
  4. The Advanced menu allows you to click specific body parts: All, Head, Torso, Left Arm, Right Arm, Left Leg, or Right Leg.
  5. Select distinct BrickColors for each limb (e.g. recreating the classic Noob with a Yellow Head and Arms, Blue Torso, and Green Legs).
• In Roblox Studio Scripting: Avatar character rigs contain a BodyColors instance. Update individual limb colors in Luau:
  local bodyColors = character:WaitForChild("BodyColors")
  bodyColors.HeadColor3 = Color3.fromRGB(245, 205, 47) -- Bright yellow
  bodyColors.TorsoColor3 = Color3.fromRGB(13, 105, 172) -- Bright blue
  bodyColors.LeftLegColor3 = Color3.fromRGB(40, 127, 70) -- Dark green
  bodyColors.RightLegColor3 = Color3.fromRGB(40, 127, 70)

In Roblox, the official hex code for Nougat is #D09168.

• BrickColor Name: Nougat
• BrickColor ID: 18
• RGB Values: rgb(208, 145, 104)
• Decimal Color: 13668712
• Luau Usage: part.BrickColor = BrickColor.new(18) or part.Color = Color3.fromRGB(208, 145, 104)

Nougat is one of the most recognizable avatar skin tones in Roblox, widely chosen by creators for warm, natural character aesthetics and classic building palettes.

In Roblox Studio, pressing Ctrl + L (or Cmd + L on macOS) toggles the transformation gizmo between Local Space and Global Space coordinates.

• Global Space (World Axes): The Move and Rotate handles orient strictly to the game world's compass axes (X = East/West, Y = Up/Down, Z = North/South), regardless of how the part is rotated.
• Local Space (Object Axes): The transformation handles align with the selected part's own orientation. For instance, if a part is tilted 45 degrees, its local Y axis points out of the tilted top face.
• Why It Matters for Builders: When constructing angled roofs, vehicles, wings, or complex architectural models, switching to Local space (Ctrl+L) allows you to push and pull parts along their own angled direction without disturbing alignment.

In Roblox, black can be referenced through several different color codes depending on whether you use BrickColor or modern Color3:

• Really Black (Standard Building Black):
  • BrickColor ID: 1003
  • Hex Code: #111111
  • RGB: rgb(17, 17, 17)
  • Luau: part.BrickColor = BrickColor.new(1003) or BrickColor.new("Really black")
• Black (Classic Charcoal Tone):
  • BrickColor ID: 26
  • Hex Code: #1B2A35 (a dark slate/charcoal hue)
• Pure 24-Bit Color3 Black:
  • Hex Code: #000000
  • RGB: rgb(0, 0, 0)
  • Luau: part.Color = Color3.fromRGB(0, 0, 0) or Color3.fromHex("#000000")

In Roblox, the Gold BrickColor is associated with two official IDs:

• ID 333 (Modern Gold):
  • Hex Code: #EFB838
  • RGB: rgb(239, 184, 56)
  • Default Behavior: Calling BrickColor.new("Gold") in modern Luau automatically resolves to ID 333.
• ID 127 (Classic Retro Gold):
  • Hex Code: #DCBC81
  • RGB: rgb(220, 188, 129)
  • Legacy Shade: This softer, vintage champagne gold was the original Gold color in early 2006–2008 Roblox.

Whether you want to make your avatar, your game environment, or the website itself pink, here is how:

• Avatar Customization (Pink Skin & Clothing): In the Avatar Editor under Head & Body → Skin Tone → Advanced, choose pink BrickColors such as Hot pink (ID 1015, #FF66AA), Pink (ID 223, #FF66CC), or Carnation pink (ID 1016, #FF9999). Combine with pink layered jackets, skirts, and pastel hair accessories from the Marketplace.
• Roblox Studio Parts & Lighting: To make 3D parts pink in Luau, write part.Color = Color3.fromRGB(255, 105, 180). To give your entire game world a pink atmosphere, adjust game.Lighting.OutdoorAmbient = Color3.fromRGB(255, 192, 203) and insert a ColorCorrectionEffect with a pink tint.
• Roblox Website Pink Theme: While Roblox officially provides only Dark and Light themes, millions of players turn the Roblox web interface pink using browser extensions like RoPro, BTRoblox, or Stylus with community-made pastel pink themes.

The term "color code for brick" in Roblox refers either to the BrickColor system or the visual color of the Brick material:

• The Brick Material: Setting a part's material to Enum.Material.Brick overlays a procedural masonry pattern onto the part.
• Classic Construction Red Brick Colors: To achieve realistic red construction bricks, builders pair the Brick material with these official red/clay BrickColors:
  • Crimson: ID 1007 (#970000 / rgb(151, 0, 0)) – Deep masonry red.
  • Bright red: ID 21 (#C4281C / rgb(196, 40, 28)) – Classic vibrant Lego/Roblox red.
  • Rust: ID 1004 (#8F4C2A / rgb(143, 76, 42)) – Weathered clay brick.
  • Medium red: ID 1006 (#DA2D2D / rgb(218, 45, 45)).
• Luau Script Example:
  part.Material = Enum.Material.Brick
  part.Color = Color3.fromRGB(151, 0, 0) -- Crimson construction brick

In late 2022 and 2023, Roblox updated its global brand identity and mobile app icon from monochrome black to vivid electric blue (#1446FF / #00A2FF).

• App Icon Refresh: The classic black-and-silver square icon was replaced on iOS and Android app stores with a saturated blue background to increase visibility and modernize the brand.
• Changing App Icon Back to Black: If you are a Roblox Premium member, you can select customized app icons (including classic black, silver, and gold themes) directly inside the mobile app by visiting More (…) → App Icon.
• Website Dark Mode: On the web desktop version, Roblox remains dark charcoal/black if you have Dark Theme enabled (Settings → Account Info → Theme → Dark).

The official Roblox logo utilizes a clean, high-contrast monochrome design:

• Primary Black (Standard Logo): #000000 (rgb(0, 0, 0))
• Inverted White (Dark Backgrounds): #FFFFFF (rgb(255, 255, 255))

Associated Roblox Brand & Heritage Colors:

• Vivid Blue (Current Mobile App Icon): #1446FF / #00A2FF
• Vintage Red (Classic 2006–2017 Logo): #C4281C (rgb(196, 40, 28) – matching Roblox BrickColor Bright red ID 21)

In Roblox development, "tween" is short for "in-betweening"—the mathematical process of smoothly animating an object's properties from a starting state to an ending state over a defined period of time.

Rather than having a part or user interface element snap abruptly between colors, developers use Roblox's TweenService to smoothly fade between Color3 values:

Applicability: This technique works identically for Part.Color, GUI Frame.BackgroundColor3, TextLabel.TextColor3, and PointLight.Color.