# HSL- Another colorful box
**URL:** https://discourse.processing.org/t/hsl-another-colorful-box/28209
**Category:** Coding Questions
**Tags:** homework
**Created:** [March 3, 2021, 4:55am UTC](https://discourse.processing.org/t/hsl-another-colorful-box/28209 "2021-03-03T04:55:43Z")
**Posts on this page:** 5
**Page:** 1
### Author:  [@Apollo](https://discourse.processing.org/u/Apollo)
#### Post date: [March 3, 2021, 4:55am UTC](https://discourse.processing.org/t/hsl-another-colorful-box/28209/1 "2021-03-03T04:55:43Z")
Hey,
Maybe you could help me here.
I have to make an interactive HSL (Hue, Saturation, Lightness) Box in Processing.
On top of the window, there should be a 500px wide and 50px tall color strip that will determine the hue of the gradient based on my cursor position. Below it is a 500 x 500 gradient showing the different saturation and brightness values for that hue. On top is the brightest and gets darker as you go down, while the leftmost is the most saturated and gets less saturated towards the right.
It should look like this: **[link](https://drive.google.com/file/d/1_yIwD-sDGLxlQ-IejZ8eaefSB-fEp25B/view?usp=sharing)**.
---
### Author:  [@Chrisir](https://discourse.processing.org/u/Chrisir)
#### Post date: [March 3, 2021, 7:05am UTC](https://discourse.processing.org/t/hsl-another-colorful-box/28209/2 "2021-03-03T07:05:07Z")
No…
the idea is that you try it first.
Show your attempt and your code, the path for the solution you came up with and then asked details about where you are stuck
Same for your other question
---
### Author:  [@Apollo](https://discourse.processing.org/u/Apollo)
#### Post date: [March 3, 2021, 7:20am UTC](https://discourse.processing.org/t/hsl-another-colorful-box/28209/3 "2021-03-03T07:20:00Z")
I’m so sorry but I could really use some help. I’m not familiar with Processing, although I can do it using CSS.
---
### Author:  [@Chrisir](https://discourse.processing.org/u/Chrisir)
#### Post date: [March 3, 2021, 8:04am UTC](https://discourse.processing.org/t/hsl-another-colorful-box/28209/4 "2021-03-03T08:04:34Z")
Please read the reference for lerpColor
Play with the examples you find there
it’s on the Website
---
### Author:  [@Apollo](https://discourse.processing.org/u/Apollo)
#### Post date: [March 3, 2021, 8:07am UTC](https://discourse.processing.org/t/hsl-another-colorful-box/28209/5 "2021-03-03T08:07:15Z")
okay, I’ll read it then try to start to code on something.