Control hue, saturation and lightness with sliders, preview the result, and instantly see complementary, analogous, triad and monochromatic schemes derived from your base color.
Click the preview or hex value to copy it. Use the sliders to tune the color exactly, or generate a random starting point.
The preview uses the same HSL → hex logic as the main ColorTwister app, giving you consistent results across the site.
Fine-tune the base color with direct control over hue, saturation and lightness. Values update in real time, along with all related color schemes below.
From your base HSL values, the generator builds classic schemes: complementary, analogous, triad and monochromatic. Click any swatch or hex to copy its value.
You can treat this generator as the “precision layer” on top of the main ColorTwister app. Start with playful exploration on the full-screen fidget, then reproduce an approximate color here and fine-tune it numerically.
For a more spontaneous experience, you can always go back to ColorTwister Home and let random gestures drive your color decisions.