HS feature idea: HSB and RGB color pickers

Hopscotch Language Evolution
1

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:

image
image998×1001 307 KB

20 Likes
2

Just moving some discussion that distracts from the idea!

3

Ah, Base64, the most secure of all ciphers.

yes, I know it isn’t a cipher

5 Likes
4

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

5 Likes
5

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

4 Likes
6

Noice idea
It will be quite useful at times

2 Likes
7

Yes good idea?

3 Likes
8

Yes! This would be awesome!

3 Likes
9

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

image
image615×633 24.4 KB

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

4 Likes
10

Oof

2 Likes
11

Except i also mentioned the rgb

1 Like
12

Ya, we needs it

2 Likes
13

my precious

3 Likes
14

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

2 Likes
15

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

2 Likes
16

But good idea

2 Likes
17

How about hue?

2 Likes
18

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.

4 Likes
19

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.

image
image1462×683 376 KB

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

image
image1285×778 176 KB

6 Likes
20

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

4 Likes