Generated shades
Problem
In our work at Elixir Games, we frequently needed shade palettes transitioning from one value to another. Defining these palettes was time-consuming and often disrupted our workflow. The lack of an efficient tool for generating these shades for Mantine UI hindered productivity for both designers and developers.
Opportunity
We saw an opportunity to create a tool that would streamline the process of generating shade palettes. By developing Colinterp, we aimed to enhance productivity by allowing designers and developers to quickly and easily create the necessary shades, integrating seamlessly with Mantine UI.
Final product
Colinterp allows users to create shade palettes with ease, improving the workflow for designers and developers. The tool provides an intuitive UI for defining values and generating shades, which can be directly used in Mantine UI projects.
Key features include:
Selecting a starting and ending hex value.
Generating intermediate colors by specifying the number of variations.
Including an option to add the
#symbol during copy-paste.Easy copy-paste functionality by clicking on the color.
These features result in significant time savings and improved efficiency.
Settings
Final overview
Shoutout to my friend Nuno David for handling the web development aspect of Colinterp.
If you'd like to learn more, please