Discuss Scratch

dual_creator43
Scratcher
1000+ posts

How can you convert HEX color to CSB color? (Scratch Editor)

I'm looking to find a way to use a certain color in a project without having to download an image of that color and use the eyedropper tool on it. I know the HEX and RGB properties of the image I'm trying to use because there are multiple sites that do that for you. I thought HSV (hue, saturation, value) would be the same as the way that colors in the Scratch Editor are produced, but the colors are significantly different. I've also tried to replicate the color by turning the pen that color and using the eyedropper on it, but the eyedropper doesn't work when you're in the stage area. How would I be able to replicate that color in the Scratch editor?

(By the way, if you wanted to know what the color is, it's #c5915d. There are also a few other colors I want to use; basically all of the ones shown here.)
Truck11111
Scratcher
1000+ posts

How can you convert HEX color to CSB color? (Scratch Editor)

i dont know
but heres the color

#332011
color: 7
saturation: 67
brightness: 20


#633C15
color: 8
saturation: 79
brightness: 39

#C5915D
color: 8
saturation: 53
brightness: 77


#EFDBB6
color: 11
saturation: 24
brightness: 94


#FCF3E4
color: 11
saturation: 10
brightness: 99

Last edited by Truck11111 (July 18, 2019 01:47:07)

a-jar-of-tuna
Scratcher
100+ posts

How can you convert HEX color to CSB color? (Scratch Editor)

Well, technically there's no such thing as “csb”, its more popularly called “HSL” (Hue, Saturation, Lightness). Scratch basically just used different words (lol).
Try this converter: https://www.w3schools.com/colors/colors_converter.asp
hedgehog_blue
Scratcher
1000+ posts

How can you convert HEX color to CSB color? (Scratch Editor)

a-jar-of-tuna wrote:

Well, technically there's no such thing as “csb”, its more popularly called “HSL” (Hue, Saturation, Lightness). Scratch basically just used different words (lol).
Try this converter: https://www.w3schools.com/colors/colors_converter.asp
Brightness actually represents value in HSV (hue, saturation, value) format.
You can learn about these formats and how they differ here: https://en.wikipedia.org/wiki/HSL_and_HSV
You can still use the same website to convert them, just use the HSV values instead.

Also note that hue is in degrees (out of 360) and on scratch color is out of 100. You will need to divide by 360 and multiply by 100 to get the color value to work with scratch.
Scratch-Minion
Scratcher
1000+ posts

How can you convert HEX color to CSB color? (Scratch Editor)

This website converts RGB to hsb https://www.rapidtables.com/convert/color/rgb-to-hsv.html

Hsb is hue saturation brightness or color saturation brightness in Scratch.


Extra note: I think there are bugs with the eye dropper tool and the “touching color …” block that they often do not give exact values.
I too have sometimes found that the eye dropper tool does not report the same value that is drawn on the stage and that “touching color …” doesn't recognize that you are touching the colour that you just sampled with the eye dropper.
freestyle_bong
New Scratcher
4 posts

How can you convert HEX color to CSB color? (Scratch Editor)

Scratch-Minion wrote:

This website converts RGB to hsb https://www.rapidtables.com/convert/color/rgb-to-hsv.html

Hsb is hue saturation brightness or color saturation brightness in Scratch.


Extra note: I think there are bugs with the eye dropper tool and the “touching color …” block that they often do not give exact values.
I too have sometimes found that the eye dropper tool does not report the same value that is drawn on the stage and that “touching color …” doesn't recognize that you are touching the colour that you just sampled with the eye dropper.

no its not
--Explosion--
Scratcher
1000+ posts

How can you convert HEX color to CSB color? (Scratch Editor)

a-jar-of-tuna wrote:

Well, technically there's no such thing as “csb”, its more popularly called “HSL” (Hue, Saturation, Lightness). Scratch basically just used different words (lol).
Try this converter: https://www.w3schools.com/colors/colors_converter.asp
I thought it was HSV, Hue, Saturation, Value…

Powered by DjangoBB