Hexagonal Color Pallet Interface

Help and Feedback Art Design Support
#1

So I’ve been working on duplicating the Hexagonal Part Pallet in studio.

This is what I have so far.
(Left side isn’t polished - Don’t look at that ugly thing)

All colors are image buttons rotated 90 degrees. However, this just looks horrible all together. And I really don’t know of another work around to decrease the blur since they are image buttons.

1273×785 296 KB

Anyone have a nice work around for this?

3 Likes
#2

I’m guessing the best thing to do is to copy one of those hexagons in the original and upload that and change the ImageColor3 property.

1 Like
#3

OT, but I’ve made this in the past, however it doesn’t have the bottom row of colors:

Color_pallet.PNG

You can do what 1waffle1 suggested and just grab one of the hexagonal images in studio’s color pallet and generate your own. You can use: ImageLabel.ImageColor3 = Color3.new(Part.BrickColor.r*255,Part.BrickColor.g*255,Part.BrickColor.b*255)
to get the colors.

2 Likes
#4

Did this last year when I fixed up F3X for EBR

0882accc065634656cb642fee630db9f.png

you can dig it out of F4X - Roblox

3 Likes
#5

Oh wow, I find that to be very appealing.

Color Pallet.rbxmx (245.6 KB)

#6

I also had one.

1016×483 273 KB

Dug up the code that generates it. I don’t think I ever open sourced it, but I don’t have a reason to keep it private.

[code]
local ColorPalette128 = {
BrickColor.new(Color3.new(39/255, 70/255, 45/255)),
BrickColor.new(Color3.new(80/255, 109/255, 84/255)),
BrickColor.new(Color3.new(0/255, 143/255, 156/255)),
BrickColor.new(Color3.new(27/255, 42/255, 53/255)),
BrickColor.new(Color3.new(33/255, 84/255, 185/255)),
BrickColor.new(Color3.new(0/255, 16/255, 176/255)),
BrickColor.new(Color3.new(0/255, 32/255, 96/255)),
BrickColor.new(Color3.new(44/255, 101/255, 29/255)),
BrickColor.new(Color3.new(40/255, 127/255, 71/255)),
BrickColor.new(Color3.new(18/255, 238/255, 212/255)),
BrickColor.new(Color3.new(91/255, 93/255, 105/255)),
BrickColor.new(Color3.new(82/255, 124/255, 174/255)),
BrickColor.new(Color3.new(51/255, 88/255, 130/255)),
BrickColor.new(Color3.new(16/255, 42/255, 220/255)),
BrickColor.new(Color3.new(61/255, 21/255, 133/255)),
BrickColor.new(Color3.new(58/255, 125/255, 21/255)),
BrickColor.new(Color3.new(52/255, 142/255, 64/255)),
BrickColor.new(Color3.new(91/255, 154/255, 76/255)),
BrickColor.new(Color3.new(0/255, 255/255, 255/255)),
BrickColor.new(Color3.new(116/255, 134/255, 157/255)),
BrickColor.new(Color3.new(110/255, 153/255, 202/255)),
BrickColor.new(Color3.new(13/255, 105/255, 172/255)),
BrickColor.new(Color3.new(0/255, 0/255, 255/255)),
BrickColor.new(Color3.new(89/255, 34/255, 89/255)),
BrickColor.new(Color3.new(31/255, 128/255, 29/255)),
BrickColor.new(Color3.new(75/255, 151/255, 75/255)),
BrickColor.new(Color3.new(127/255, 142/255, 100/255)),
BrickColor.new(Color3.new(0/255, 255/255, 0/255)),
BrickColor.new(Color3.new(159/255, 243/255, 233/255)),
BrickColor.new(Color3.new(159/255, 161/255, 172/255)),
BrickColor.new(Color3.new(9/255, 137/255, 207/255)),
BrickColor.new(Color3.new(140/255, 91/255, 159/255)),
BrickColor.new(Color3.new(98/255, 37/255, 209/255)),
BrickColor.new(Color3.new(123/255, 0/255, 123/255)),
BrickColor.new(Color3.new(120/255, 144/255, 130/255)),
BrickColor.new(Color3.new(124/255, 156/255, 107/255)),
BrickColor.new(Color3.new(138/255, 171/255, 133/255)),
BrickColor.new(Color3.new(185/255, 196/255, 177/255)),
BrickColor.new(Color3.new(175/255, 221/255, 255/255)),
BrickColor.new(Color3.new(159/255, 173/255, 192/255)),
BrickColor.new(Color3.new(4/255, 175/255, 236/255)),
BrickColor.new(Color3.new(180/255, 128/255, 255/255)),
BrickColor.new(Color3.new(167/255, 94/255, 155/255)),
BrickColor.new(Color3.new(123/255, 47/255, 123/255)),
BrickColor.new(Color3.new(107/255, 50/255, 124/255)),
BrickColor.new(Color3.new(193/255, 190/255, 66/255)),
BrickColor.new(Color3.new(164/255, 189/255, 71/255)),
BrickColor.new(Color3.new(148/255, 190/255, 129/255)),
BrickColor.new(Color3.new(168/255, 189/255, 153/255)),
BrickColor.new(Color3.new(223/255, 223/255, 222/255)),
BrickColor.new(Color3.new(202/255, 203/255, 209/255)),
BrickColor.new(Color3.new(128/255, 187/255, 219/255)),
BrickColor.new(Color3.new(177/255, 167/255, 255/255)),
BrickColor.new(Color3.new(255/255, 102/255, 204/255)),
BrickColor.new(Color3.new(255/255, 0/255, 191/255)),
BrickColor.new(Color3.new(170/255, 0/255, 170/255)),
BrickColor.new(Color3.new(151/255, 0/255, 0/255)),
BrickColor.new(Color3.new(255/255, 175/255, 0/255)),
BrickColor.new(Color3.new(255/255, 255/255, 0/255)),
BrickColor.new(Color3.new(161/255, 196/255, 140/255)),
BrickColor.new(Color3.new(177/255, 229/255, 166/255)),
BrickColor.new(Color3.new(204/255, 255/255, 204/255)),
BrickColor.new(Color3.new(229/255, 228/255, 223/255)),
BrickColor.new(Color3.new(180/255, 210/255, 228/255)),
BrickColor.new(Color3.new(152/255, 194/255, 219/255)),
BrickColor.new(Color3.new(255/255, 152/255, 220/255)),
BrickColor.new(Color3.new(255/255, 89/255, 89/255)),
BrickColor.new(Color3.new(255/255, 0/255, 0/255)),
BrickColor.new(Color3.new(196/255, 40/255, 28/255)),
BrickColor.new(Color3.new(117/255, 0/255, 0/255)),
BrickColor.new(Color3.new(239/255, 184/255, 56/255)),
BrickColor.new(Color3.new(245/255, 205/255, 48/255)),
BrickColor.new(Color3.new(248/255, 217/255, 109/255)),
BrickColor.new(Color3.new(253/255, 234/255, 141/255)),
BrickColor.new(Color3.new(255/255, 255/255, 204/255)),
BrickColor.new(Color3.new(231/255, 231/255, 236/255)),
BrickColor.new(Color3.new(199/255, 212/255, 228/255)),
BrickColor.new(Color3.new(224/255, 178/255, 208/255)),
BrickColor.new(Color3.new(212/255, 144/255, 189/255)),
BrickColor.new(Color3.new(190/255, 104/255, 98/255)),
BrickColor.new(Color3.new(163/255, 75/255, 75/255)),
BrickColor.new(Color3.new(86/255, 36/255, 36/255)),
BrickColor.new(Color3.new(213/255, 115/255, 61/255)),
BrickColor.new(Color3.new(218/255, 133/255, 65/255)),
BrickColor.new(Color3.new(241/255, 231/255, 199/255)),
BrickColor.new(Color3.new(254/255, 243/255, 187/255)),
BrickColor.new(Color3.new(248/255, 248/255, 248/255)),
BrickColor.new(Color3.new(242/255, 243/255, 243/255)),
BrickColor.new(Color3.new(232/255, 186/255, 200/255)),
BrickColor.new(Color3.new(255/255, 201/255, 201/255)),
BrickColor.new(Color3.new(255/255, 148/255, 148/255)),
BrickColor.new(Color3.new(150/255, 85/255, 85/255)),
BrickColor.new(Color3.new(143/255, 76/255, 42/255)),
BrickColor.new(Color3.new(170/255, 85/255, 0/255)),
BrickColor.new(Color3.new(226/255, 155/255, 64/255)),
BrickColor.new(Color3.new(211/255, 190/255, 150/255)),
BrickColor.new(Color3.new(226/255, 220/255, 188/255)),
BrickColor.new(Color3.new(237/255, 234/255, 234/255)),
BrickColor.new(Color3.new(233/255, 218/255, 218/255)),
BrickColor.new(Color3.new(255/255, 204/255, 153/255)),
BrickColor.new(Color3.new(234/255, 184/255, 146/255)),
BrickColor.new(Color3.new(218/255, 134/255, 122/255)),
BrickColor.new(Color3.new(136/255, 62/255, 62/255)),
BrickColor.new(Color3.new(105/255, 64/255, 40/255)),
BrickColor.new(Color3.new(188/255, 155/255, 93/255)),
BrickColor.new(Color3.new(199/255, 172/255, 120/255)),
BrickColor.new(Color3.new(202/255, 191/255, 163/255)),
BrickColor.new(Color3.new(187/255, 179/255, 178/255)),
BrickColor.new(Color3.new(205/255, 205/255, 205/255)),
BrickColor.new(Color3.new(215/255, 197/255, 154/255)),
BrickColor.new(Color3.new(204/255, 142/255, 105/255)),
BrickColor.new(Color3.new(124/255, 92/255, 70/255)),
BrickColor.new(Color3.new(108/255, 88/255, 75/255)),
BrickColor.new(Color3.new(160/255, 132/255, 79/255)),
BrickColor.new(Color3.new(149/255, 121/255, 119/255)),
BrickColor.new(Color3.new(149/255, 137/255, 136/255)),
BrickColor.new(Color3.new(171/255, 168/255, 158/255)),
BrickColor.new(Color3.new(175/255, 148/255, 131/255)),
BrickColor.new(Color3.new(150/255, 103/255, 102/255)),
BrickColor.new(Color3.new(160/255, 95/255, 53/255)),
BrickColor.new(Color3.new(86/255, 66/255, 54/255)),
BrickColor.new(Color3.new(126/255, 104/255, 63/255)),
BrickColor.new(Color3.new(99/255, 95/255, 98/255)),
BrickColor.new(Color3.new(163/255, 162/255, 165/255)),
BrickColor.new(Color3.new(105/255, 102/255, 92/255)),
BrickColor.new(Color3.new(90/255, 76/255, 66/255)),
BrickColor.new(Color3.new(106/255, 57/255, 9/255)),
BrickColor.new(Color3.new(17/255, 17/255, 17/255)),

--Next 11 are in Palette grid, just here for generation
BrickColor.new(Color3.new(99/255, 95/255, 98/255)),
BrickColor.new(Color3.new(163/255, 162/255, 165/255)),
BrickColor.new(Color3.new(205/255, 205/255, 205/255)),
BrickColor.new(Color3.new(223/255, 223/255, 222/255)),
BrickColor.new(Color3.new(237/255, 234/255, 234/255)),
BrickColor.new(Color3.new(27/255, 42/255, 53/255)),
BrickColor.new(Color3.new(91/255, 93/255, 105/255)),
BrickColor.new(Color3.new(159/255, 161/255, 172/255)),
BrickColor.new(Color3.new(202/255, 203/255, 209/255)),
BrickColor.new(Color3.new(231/255, 231/255, 236/255)),
BrickColor.new(Color3.new(248/255, 248/255, 248/255)),

}

local function FrameToPalette128(ParentFrame)
ParentFrame:ClearAllChildren()

local RatioResize = math.min(ParentFrame.AbsoluteSize.X,ParentFrame.AbsoluteSize.Y)/286

local SizeX,SizeY,BasePosY = 22 * RatioResize,math.ceil(24 * RatioResize),math.ceil(20 * RatioResize)
local ColorUsed = 0
local function CreateSquare(PosX,PosY)
	ColorUsed = ColorUsed + 1
	local Frame = Instance.new("ImageLabel")
	Frame.ImageColor3 = ColorPalette128[ColorUsed].Color
	Frame.Size = UDim2.new(0,SizeX - 1,0,SizeY - 1)
	Frame.Position = UDim2.new(0,PosX * SizeX + 1,0,PosY * BasePosY + 1)
	Frame.Image = "rbxassetid://322507428"
	Frame.BackgroundTransparency = 1
	Frame.Parent = ParentFrame
end


for i = 3, 9 do
	CreateSquare(i,0)
end
for i = 2.5, 9.5 do
	CreateSquare(i,1)
end
for i = 2, 10 do
	CreateSquare(i,2)
end
for i = 1.5, 10.5 do
	CreateSquare(i,3)
end
for i = 1, 11 do
	CreateSquare(i,4)
end
for i = 0.5, 11.5 do
	CreateSquare(i,5)
end
for i = 0, 12 do
	CreateSquare(i,6)
end
for i = 0.5, 11.5 do
	CreateSquare(i,7)
end
for i = 1, 11 do
	CreateSquare(i,8)
end
for i = 1.5, 10.5 do
	CreateSquare(i,9)
end
for i = 2, 10 do
	CreateSquare(i,10)
end
for i = 2.5, 9.5 do
	CreateSquare(i,11)
end
for i = 3, 9 do
	CreateSquare(i,12)
end
for i = 0.5, 11.5 do
	CreateSquare(i,13.5 - 8/20)
end

end

return FrameToPalette128[/code]

3 Likes
#7

Use Part.BrickColor.Color instead of that weird thing that gives numbers like (41565, 41310, 42075) lol.

#8

we do have Color3.fromRGB now though, so we can do:

Color3.fromRGB(255, 89, 89) instead of Color3.new(255/255, 89/255, 89/255)

Then he would have to include a bunch of part instances in his plugin

#9

I was replying to o_o who was using Part.BrickColor.Color and was just correcting his bugged code
He can also use BrickColor.new(‘whatever’).Color without instance a part xD