EN DE

Free, privacy-first

Roblox Studio Color3 Converter

Convert HEX, RGB, normalized values, and Color3 snippets into Roblox Studio-ready color output with a live preview.

Color input

Converted color values

The output includes a live swatch, direct RGB values, normalized values, and copy-friendly Color3 snippets for Roblox Studio.

What this converter is best for

A good fit when you need to move quickly between a design reference and a Roblox-ready color value.

  • Turn a HEX brand color into Color3.fromRGB output.
  • Check normalized RGB values for Color3.new.
  • Preview the final color before you paste it into Studio.

Which output to use

The best output depends on whether you are working from design references or writing values directly into Studio scripts.

  • Use HEX when you are staying in a design or asset workflow.
  • Use Color3.fromRGB when you want integer channel values that are easy to read and edit.
  • Use Color3.new when your workflow already expects normalized decimal channels.

Choose the format you already have, then fill in only that source field.

  1. Pick the source format that matches the color value you already have.

  2. Paste the HEX, RGB, normalized RGB, or Color3 value into the matching field.

  3. Review the live swatch and the converted output formats.

  4. Copy the format that fits your Studio workflow best.

Typical Studio color conversions

Each example loads into the tool and runs, so the stated result is exactly what you will see.

Convert a HEX accent color to Color3

Start with a design-side HEX value and read off every Roblox format.

Sample inputs

Source format
HEX
Value
#E2231A

Result: From #E2231A: RGB 226, 35, 26, Color3.fromRGB(226, 35, 26), and Color3.new(0.8863, 0.1373, 0.1020). Packed decimal 14820122; contrast 4.68:1 on white.

Turn an RGB triplet into a Studio snippet

Start from 0 to 255 channel values and get a paste-ready Color3.

Sample inputs

Source format
RGB
Value
18, 122, 255

Result: From RGB 18, 122, 255: hex #127AFF and Color3.fromRGB(18, 122, 255). The normalized form is Color3.new(0.0706, 0.4784, 1.0000), ready to paste into a script.

See the normalized round-trip precision

Enter a clean Color3.new value and watch how it snaps to a byte channel.

Sample inputs

Source format
Normalized (Color3.new)
Value
0.5, 0.5, 0.5

Result: 0.5, 0.5, 0.5 resolves to RGB 128, 128, 128 (#808080). The normalized output reads 0.5020, not 0.5 — every color snaps to the nearest 0 to 255 channel, so 0.5 × 255 ≈ 128 and 128 ÷ 255 ≈ 0.5020.

Copy the Color3.fromRGB row when you need exact byte values.

Browse Roblox Tools Open the full Roblox tools category for creator planning, Studio helpers, and asset utilities.