Sharing your Wi-Fi password? Put it in a QR Code so your friends can connect just by scanning it with their phone. Easy and secure!
linear-gradient(90deg, #0df2e7, #0db1f2, #0d65f2, #0d18f2, #4e0df2)#0DF2E7RGB(13, 242, 231)#0DB1F2RGB(13, 177, 242)#0D65F2RGB(13, 101, 242)#0D18F2RGB(13, 24, 242)#4E0DF2RGB(78, 13, 242)WCAG contrast ratios between palette colors and white/black text
Copy and share this URL to share your exact palette with others - no login required!
Visually design your next color palette with our interactive Color Wheel. Drag the picker to find your perfect base color, then choose from a variety of classic color harmony rules—like complementary, triadic, or analogous—to instantly generate a full theme. It's the most intuitive way to create beautiful, balanced color schemes for your UI, brand, or artwork.
The tool maps the position of the picker on the wheel to HSL (Hue, Saturation, Lightness) values. The angle corresponds to the hue (0-360°), and the distance from the center corresponds to the saturation (0-100%). The different color harmony rules are then applied by mathematically rotating the hue on the wheel.
Color harmony is based on the idea that certain combinations of colors, based on their position on a color wheel, are inherently pleasing. This tool automates the mathematical relationships (like 180° for complementary colors) to make applying color theory simple and fast.
Currently, you can export the palette as code. A feature to save palettes to your account may be added in the future.
This tool focuses on generating solid colors. For transparency, you can use our Color Code Converter to add an alpha channel to your chosen HEX codes.
No, it uses the standard HSL color model, which is great for intuitive design but is not perceptually uniform (meaning changes in value don't always correspond to how we perceive changes in brightness).
All calculations and data processing for this tool are performed locally in your browser. UtilToolkits does not send any of your data to an external server, ensuring your information remains private and secure.