[FULLSCREEN for BEST EXPERIENCE] Go here for less lag: https://turbowarp.org/1324380478 This is a slider project for Scratch's HSB/HSV engine. It is made using 70% pen. So here, you're going to use the sliding circles, and see the colour being reflected on the circle on top. Scratch had removed their saturation block years ago, yet we can still create these colours by clones!! Too many variables, huh? Well then, read the Notes and Credits. There are some thumbnail issues on Turbowarp, but ignore that, it's just the Canva SVG. #Colour #Hue #Saturation #Brightness #HSB #HSV #Slider #Sliders #Pen
Credits to: • @catblocks2000 by this project: https://scratch.mit.edu/projects/907476978/ for the sliding circles code (I adapted bits of their final code to mine) • since rest of the code is mine and inspiration was by me only. Canva so that I could make the thumbnail Scratch for me being able to code this This is made for my future projects. I'll be making other engines too, for example, RGB, HSL, colour wheels etc. You may use it without credit. You know, once I wanted to make these colour engines, but I was wondering how. I thought they used to blend the colours. So, I used snip and sketch to take a screenshot of the Scratch costume colour slider by setting the value of hue (color) to 0, and another screenshot by setting it to 100. I imported both images to Canva and cropped the images to only retain the slider without the circle. I exported the design as SVG (I can since I have free Canva Pro from my school, it's Canva for Education) and PNG. I imported both files, but then, since I never realised the saturation was 60, I set the saturation to 100 and saw the colour of the hue bar changed. Afterwards, I realised all the three bars were linked and all of them changed if you change the value of one. I had to redo the whole process, this time with the saturation and brightness set to 100. When I imported the 2nd PNG, I saw small rectangles, so I used the colour picker tool, and saw each vertical row had the same colour! You may see the small rectangles in the hue slider when going fullscreen. This made sense, I could use the pen tool easily to make 100 small rectangles. Yayy!! (I made v1.0 before I saw 's project) -------- VERSION HISTORY -------- 26/05/2026 - v1.0 - Initial Project Release with the sliders and the circles 28/05/2026 - v1.1 - Rewrote the whole dragging system using the help of 's project, this time using clones instead of separate sprites [MORE UPDATES COMING SOON]
