HS feature idea: HSB and RGB color pickers

A feature I’d like to see in Hopscotch is:

HSB and RGB color pickers

I’d use it for this type of project:

Mostly every project which involves colors which are not at the default colors section

Here are some examples of Hopscotch code that could be improved if we had this:

HSB and RGB anxietyyy
Mostly you have to search for a hsb/rgb color picker just to put it on hs code

Here is an example design I’ve made:

Nope, do i have to make one?

I’ve seen something similar in another programming languages, it looks like this:

https://www.w3schools.com/colors/colors_picker.asp?colorhex=ff0000

15 Likes

Just moving some discussion that distracts from the idea!

Ah, Base64, the most secure of all ciphers.

yes, I know it isn’t a cipher

3 Likes

really like this idea - hope it can be added somehow!

3 Likes

yes
https://forum.gethopscotch.com/t/hsb-color-picker-in-hopscotch/18453
been suggested before but it’s old

3 Likes

Noice idea
It will be quite useful at times

1 Like

Yes good idea?

2 Likes

Yes! This would be awesome!

2 Likes

I can figure out the HSB (numbers? code?) of a color pretty well, but I can’t do that with RGB. In other words…


not my image, not my social media tag in the bottom right corner. image found on internet.

2 Likes

Oof

1 Like

Except i also mentioned the rgb

Ya, we needs it

1 Like

my precious

2 Likes

Me too! I dont wanna take my time on finding the best color picker ;-;

1 Like

It is pretty simple, RGB is Red Green Blue. If all the values are 0, then it is black, 255 and it is white. You just have the colors and increase them all by the same amount for a lighter color, decrease for a softer color

1 Like

But good idea

1 Like

How about hue?

1 Like

Hue Saturation Brightness (hsb) is much simpler. Hue works on a scale of 1-360 (I think) with one being red and going through the rainbow until it is red again where the H is the color, S makes it whiter (1 being completely white and 100 being not at all white) and B is basically S but with black.

1 Like

This is HSB
HSB usually uses a circle and it gets brighter in the center. The more inwards, the lower the S value is. Hue is the diameter of the circle. The B value is on the edge where it is less the farther down you look.

This is RGB
This is what I use when using RGB values. The farther in you are, the more the value is. It is like mixing paint colors

4 Likes

Wow, such color theory
Nice explanation so i can bookmark it :D

3 Likes