Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • CreatiCode
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Brand Logo

CreatiCode Scratch Forum

  1. CreatiCode Forum
  2. Knowledge Base
  3. 2D Blocks
  4. Working with Colors

Working with Colors

Scheduled Pinned Locked Moved 2D Blocks
1 Posts 2 Posters 1.4k Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • CreatiCodeI Offline
    CreatiCodeI Offline
    CreatiCode
    wrote on last edited by admin
    #1

    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;">

    1 Reply Last reply
    0
    • CreatiCodeI 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
    Reply
    • Reply as topic
    Log in to reply
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes


    • Login

    • Don't have an account? Register

    • Login or register to search.
    • First post
      Last post
    0
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • CreatiCode