HSL Color Spectrum Generator
Generate custom color palette spectrums by incrementing HSL values
Creates tone-on-tone gradients by specifying step variations.
도구를 불러오는 중…
🔒 Everything runs 100% in your browser. Your files and input are never uploaded to any server.
How to use
- Enter starting HSL base color.
- Set steps increments or decrements.
- Copy generated HEX or HSL codes.
FAQ
- What is the hue limit?
- Hue loops automatically between 0 and 360 degrees.
- What happens if I push saturation or lightness past 0% or 100%?
- The value is automatically clamped to the 0-100% range. If you keep lowering lightness past the minimum, every remaining step just repeats the same near-black color, so for a wider variety of tones, adjust the step size and step count together instead of pushing a single value to its limit.
- What happens if I push saturation or lightness past 0% or 100%?
- The value is automatically clamped to the 0-100% range. If you keep lowering lightness past the minimum, every remaining step just repeats the same near-black color, so for a wider variety of tones, adjust the step size and step count together instead of pushing a single value to its limit.