Converta HEX, RGB e HSV para Color3.fromRGB e Color3.new prontos para o Studio
No Roblox, toda cor é um Color3. Existem três construtores que confundem quem começa: Color3.fromRGB(r, g, b), que usa inteiros de 0 a 255, os mesmos valores que você vê em qualquer seletor de cor; Color3.new(r, g, b), que usa números decimais de 0 a 1, a representação interna do motor; e Color3.fromHSV(h, s, v), que também usa decimais de 0 a 1 nos três canais (o matiz é a fração de 360°, não o grau em si). A conversão é direta: cada canal do Color3.new é o valor 0–255 dividido por 255 (então 255 vira 1.0, 128 vira ~0.502 e 0 continua 0), e o mesmo raciocínio vale para o HSV normalizado. Esta ferramenta recebe qualquer formato comum (HEX, rgb(), HSV ou um Color3 já escrito) e devolve todos os outros, incluindo os três construtores prontos para colar. Ela também reconhece quando a cor atual bate exatamente com uma das cores clássicas da paleta BrickColor do Studio e mostra o BrickColor.new("Nome") correspondente. Assim você pega uma cor do Figma, de um print ou de um site e leva direto para o seu script ou para a propriedade BackgroundColor3 sem fazer conta na mão.
Color3 é o tipo de dado de cor do Roblox e sempre guarda três canais (vermelho, verde e azul) como decimais de 0 a 1, essa é a forma interna. O que muda é como você escreve: Color3.fromRGB(r, g, b) aceita os inteiros familiares de 0 a 255 e faz a divisão por você; Color3.new(r, g, b) espera os decimais já normalizados; Color3.fromHSV(h, s, v) também espera decimais de 0 a 1 nos três canais, mas descrevendo a cor por matiz, saturação e valor em vez de vermelho, verde e azul. Existe ainda Color3.fromHex("#RRGGBB"), que lê um hex direto no Studio.
A matemática é simples e sem perda perceptível: para normalizar, divida cada canal por 255; para voltar, multiplique por 255 e arredonde. A ferramenta faz esse caminho nos dois sentidos e ainda calcula o HSV (matiz, saturação e valor), útil quando você quer variar só o brilho ou a saturação de uma cor. Os valores do Color3.new são arredondados para três casas decimais, o que mantém o número limpo e fiel à cor original.
Um laranja vibrante em HEX #FF5900 vira RGB(255, 89, 0). Dividindo cada canal por 255: 255/255 = 1, 89/255 ≈ 0.349 e 0/255 = 0. Logo, Color3.fromRGB(255, 89, 0) e Color3.new(1, 0.349, 0) produzem exatamente a mesma cor, a primeira é mais legível em scripts, a segunda é a que o motor guarda por dentro.
No sentido inverso, cole um cinza médio Color3.new(0.5, 0.5, 0.5): a ferramenta multiplica cada canal por 255 (0.5 × 255 = 127.5, arredondado para 128) e devolve RGB(128, 128, 128) e o HEX #808080. Isso mostra por que às vezes um decimal "redondo" como 0.5 não corresponde a um inteiro exato, o arredondamento é imperceptível a olho nu.
O Color3 aparece em quase toda propriedade de cor: BackgroundColor3 e TextColor3 na UI, a Color de uma Part, a cor de um PointLight, de um ParticleEmitter, de um Highlight e por aí vai. Escrever fromRGB deixa o script mais legível para quem lê depois, porque os números batem com o seletor de cor do Studio e com ferramentas de design.
Quando quiser gerar variações, um estado hover mais claro, uma sombra mais escura, o HSV ajuda: mantenha o matiz e mexa só na saturação ou no valor (é exatamente isso que o Color3.fromHSV recebe). E se você vier de tutoriais antigos que usam BrickColor, lembre que o BrickColor tem uma paleta fixa e limitada; converter para Color3 dá acesso a qualquer tom. Quando a cor que você colar bater exatamente com uma dessas cores clássicas, a ferramenta mostra o BrickColor.new("Nome") correspondente. Para montar paletas inteiras a partir de uma cor base, veja também a nossa Roda de Cores.
Cole o código no seu HTML e a ferramenta aparece na sua página, sem a navegação e sem os anúncios do J-Kit. Ela continua rodando no navegador de quem visita o seu site.
<iframe
src="https://jkit.tools/embed/pt-BR/conversor-cor-roblox"
width="100%"
height="600"
style="border:0"
loading="lazy"
title="Conversor de Color3 (Roblox)"
></iframe>Estas referências ajudam a contextualizar fórmulas, padrões, APIs e limitações usadas nesta página. Elas não substituem validação profissional quando o resultado tiver impacto jurídico, financeiro, médico ou operacional.
Color3.fromRGB usa inteiros de 0 a 255 (ex.: Color3.fromRGB(255, 89, 0)) e é o jeito mais intuitivo, porque bate com os valores de qualquer seletor de cor. Color3.new usa decimais de 0 a 1 (ex.: Color3.new(1, 0.349, 0)) e é a forma interna do motor. As duas produzem exatamente a mesma cor; escolha a que preferir, muitos usam fromRGB por ser mais legível.
Color3.fromRGB(255, 89, 0)Color3.new(1, 0.349, 0)Color3.fromHSV(0.058, 1, 1)#FF5900rgb(255, 89, 0)21°, 100%, 100%A conversão é feita localmente no navegador; nada é enviado a servidores.