HEX to HSL
Unlock the power of native manipulators for Light and Dark Modes.
The Foundation of the Design System
Creating perfect and harmonious Dark Modes (Dark Themes) with Hexadecimal colors is impossible in real life. Every moment you are forced to hunt for new keys (`#fff`, `#232`) individually for each component. Tailwind CSS noticed this and forced the rise of the super HSL format.
Hue, Saturation, and Brightness
Here the fun gets professional. By transforming your mysterious fixed HEX to HSL (`Hue, Saturation, Lightness`), you extract exactly the primary angle of the color on the rainbow (Hue). This allows you (in the future) to just lower and change the final L percentage (`Lightness`) using CSS variables to darken the color of buttons natively without destroying the main tone of your primary palette!