Working with RGB Colors & Transparency

Expanding on Sally's DEX Backs Tutorial

I recommend you put this on an FKey if you have one available.   Gest Color Convertor

To use the color convertor, here are a couple of things to remember.

Do NOT use the # sign, just the 6 digits.

Do NOT use caps, it must be all lower case, or it won't work.

This is a hex number - #1b5224. It's a dark green that I used for the holly image.

To get the feel for it - CCP this part - 1b5224 - and go to the convertor. Paste in the HEX box, then click enter. To the right you will see:

R 27 G 82 B 36 -- the numbers 27, 82 and 36 are the numbers you need to write down. When we enter them in the color fill box it will look like this: rbga(27,82,36,.50) The .50 is for 50% transparency.

RGB means red, green, blue.

R =Red     0=no red color -- 255=maximum amount of red color.

G=Green   0=no green color -- 255=maximum amount of green color.

B=Blue     0=no blue color -- 255=maximum amount of blue color.

Ok - now that you know how the CC works, let's do an exercise.

The colors in rgb form MUST be entered exactly as I have them - meaning use the commas, use the parenthesis, use the decimal before the last number and use the rgba before the numbers. r=red,  g=green,  b=blue, a=alpha. Alpha is what makes the transparency work. The lower the number, the more transparent.

Make a 400x400 white xc. Go to draw.

Choose rectangle - Parameters -+20+20 +150+200

In the fill color box put this:
rgba(255,0,0,.80)

No Stroke - Click DRAW

Ok - so you're sayin' "big deal!" - but wait!

Draw again.

Change parameters to +60+60 +210+260

Change fill color to:

rgba(0,0,255,.50)

Seeeee?!!

Draw again.

Change parameters to +120+120 +270+320

Change fill color to:

rgba(0,255,0,.40)

Draw again.

Change parameters to +180+180 +330+380

Change fill color to:

rgba(255,0,0,.20)

How to do the Holly

CCP the holly

Make a white xc 340x340

Composite holly - center, over.

Anno name.

Go to draw - choose ellipse.

+170+170 +135+120 +0+360

Fill color = rgba(27,82,36,.10) -- converted from #1b5224 (no stroke color)

Draw again - change just the parameters to:

+185+185 +135+120 +0+360

Draw again.

Change to rectangle.

+10+10 +330+330

Stroke color=#1B5224 (no fill)

Feel free to use your own images. Go to a color grabber and get the hex #, then to the color convertor and get the rgb numbers.

Change the Mood

Have FUN!