Color Palettes is a Roblox Studio plugin made with React that helps you to select some cool and soft color presets for a better-looking user interface.
Currently, the plugin its at the price of 100 robux.
Background brightness depending of the color selected brightness
Dark color:
Light color:
Applying changes to a element with ‘ColorSequence’
Select the element:
Click a color grid.
See the changes:
Before:
After:
Applying changes to a element with ‘ColorSequence’(with more than 2 keypoints)
Select the element:
Click a color grid.
See the changes:
Before:
After
[Added on v0.25]: SortType
Sorts all grids based of its brightness and sortType details here.
Default color palettes
Catppuccin: from Catppuccin, which comes with 4 packages:
Latte
Frappé
Macchiato
Mocha
Notes
About
This is my first devforum post.
This is my first time using React & making a plugin.
Planning
To add more color palettes soon.
Make a support for Parts, Unions, etc… (should i?)
Make a support for Lights, Particle Emitters, beams & etc (should i?)
[Important] Notes for Auto SetColor:
Some elements will change only a specific property, based on its ClassName, for example:
1. For TextButtons, TextLabels, TextBoxes will change its [TextColor3]
2. For Frames, ScrollingFrames, ViewportFrames, ImageLabels will change its [BackgroundColor3]
Notes for ColorSequence color apply:
The plugin will ignore white keypoints( with RGB(255, 255, 255) ).
The plugin only will apply colors if all keypoints have the same color(except white colors RGB(255, 255, 255).
If there is a single color in the ColorSequence, it will just apply the selected color.
I think the GUI looks clean and crisp! However, I have a question: why would I want to spend 200 Robux on a plug-in when I could find a color myself with a slider? Personally, I would only spend Robux on a plugin that revolutionizes and/ or changes the Roblox dev experience. I am not sure what the “sell” factor of your product is when this very thing can be achieved for free. If I am wrong, please explain why I should buy this.
I think the idea of a “color interface assistant” is unique, however, and I am interested to see what you do with it…
Hello!, i was waiting from a question like this, im planning to add more interesting features & color palettes based on communnity requests, the price its currently 200 robux at the time, but i will make it free and open source it after a time. The idea of this plugin is to have color templates that fits the type of user interface and not only creating random colors from each stuff, for example have a exact value for each ‘background’, ‘text’ or something, its better to have them have the same-similar value to make it look cleaner, also it helps you to create either a ‘light theme’ or ‘dark theme’. Well thats the point of a color palette.
What helps you in dev-experience?
You can easily change the colors of each thing just by a click (Because of its ‘Auto SetColor’ feature), instead of searching, copying, pasting a color and doing the same thing each time. (saves time)
In the features, currently it supports ColorSequences, so editing colors for gradients, etc will be more faster and easier, instead of clicking each kepoint, changing the value and pressing ‘okay’, with the plugin you can do:
2.1. Get a hex or rgb value depending of the color you selected, so you copy and apply it.
2.2. Just selecting the gradient enabling the ‘Auto SetColor’ and pressing the color template.
Have a solid color theme for the user interface. Having a good color palette in your user interface can make good changes and make it look nice, for example, if you want to make a good ‘light theme’, ‘dark theme’, ‘colorful theme’ user interface, you would need to have a color palette, with this plugin, you can easily get a good value for the user interface type and applying it.
At this time the plugin only has 1 color palette, which is: Catppuccin (github.com) , a example of a game using the catppuccin color palette is: Slither - Roblox. That is the result of a game made with React & designed with Catppuccin color palette.
- Roblox
