Working with Colors
-
Introduction
In the CreatiCode playground, you can specify a color using the color palette. You can use the slider for big changes, or use the small up/down arrows to change the value by 1.
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/997ac52d-5a98-46bc-9e0b-ca4d6158b49b.gif" width="216" style="border-radius: 5px; border: 1px solid #29622d;">
Let’s discuss the meaning of each number:
Color
The color value allows you to choose the main color theme. Here are the values for 8 common colors. Any other value will give you a combination of its 2 neighbor colors.
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/dafd87c3-072f-4688-83fc-ee6a52d86f35.png" width="700" style="border-radius: 5px; border: 1px solid #29622d;">
Saturation
The saturation controls the intensity of the color. At 0, you get while (no color), and at 100 you get the full color.
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/8fc3cab7-708d-4595-954c-b2bdccfe75eb.gif" width="177" style="border-radius: 5px; border: 1px solid #29622d;">
Brightness
The brightness controls how bright or dark the color is. Here are some common brightness values. At a brightness of 0, you will get the black color.
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/636c4cab-2da0-4231-90eb-021cacfbd17d.gif" width="177" style="border-radius: 5px; border: 1px solid #29622d;">
Transparency
The transparency controls how much you can see through a shape. When it is 100, you will not see this color at all. Here are some bubbles with different transparencies:
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/4beaeb8a-b546-42aa-99fc-445b4e31ed5e.png" width="477" style="border-radius: 5px; border: 1px solid #29622d;">
The Color Calculator Block
You can reproduce any color with this reporter block. The 4 input values would work the same way as the 4 sliders in the color palette:
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/f0b6de65-30ea-4c53-bd73-62aad27c6d6d.png" width="650" style="">
Demo: Random Colors
With the color block, it is very easy to create random colors within a certain range. For example, suppose you want to print the word “Hello” in a random blue color, you can use random values for the color and saturation like this:
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/18ee7ac3-6b69-41bf-947e-3012677e3341.png" width="1000" style="filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));">
This is the output:
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/eb5a6f24-dd8e-4d5d-8248-651a6a73ba1e.gif" width="234" style="border-radius: 5px; border: 1px solid #29622d;">
-
I CreatiCode pinned this topic on
Hello! It looks like you're interested in this conversation, but you don't have an account yet.
Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.
With your input, this post could be even better 💗
Register Login