This project lets you set the color using different representations of the RGB color model: RGB channels, the decimal RGB value, or Scratch color (color, saturation, brightness). And when you change the value in one representation, the others are updated to the corresponding value. Play around with the sliders and see if you can figure out how the different values are related. If you want to make precise adjustments, click the slider knob once and then use the left/right arrow keys. Click "Get values" to display a list with the values (plus HSV and HSL). Triple-click and copy the value you want. Uncheck "Round values" to get precise color, saturation and brightness values (read more under Notes).
✦✦✦ Notes ✦✦✦ ➤ Rounding Rounding is only applied to color, saturation and brightness. There are 16,777,216 (256*256*256) RGB colors, but only 1,000,000 (100*100*100) Scratch color (color/saturation/brightness) values. So if you want to make use of the whole range of RGB colors, you need to use fractions. Even though you can't use fractions when picking colors in the paint editor, you CAN use fractions to set Scratch colors in the code editor. But since this might confuse beginners, rounding is switched on when you start the project. ➤ Prefixes In the output list, binary is prefixed with "0b" and hexadecimal is prefixed with "0x". Such prefixed are used in programming to make sure that they aren't interpreted as decimal numbers. There are many other prefixes for specific languages. For example, in HTML and CSS, hexadecimal numbers are prefixed with "#" instead. See more prefixes here: https://en.wikipedia.org/wiki/Hexadecimal#Distinguishing_from_decimal ✦✦✦ Credits ✦✦✦ Thanks to @MonkeyBean2 for inspiring me to make this, and to @njdavison for helping me understand color space conversion (see below). And thanks again to @sureornot :) The conversion between color/saturation/brightness and RGB is based on the formulae in following Wikipedia article: https://en.wikipedia.org/wiki/HSL_and_HSV Lots of thanks to @njdavison, whose project "Color Space | RGB HSV converter" helped me understand how to apply the formulae in Scratch: https://scratch.mit.edu/projects/505961658/ I actually made a working RGB/HSB converter in 2020, based on the Scratch source code, but although it works just fine, I didn't really understand it: https://scratch.mit.edu/projects/408221117 Oh, and check out this related project by @njdavison: https://scratch.mit.edu/projects/601049052/
