Long description

Set 1: Three lines of code are at the top right of the figure. Line 1: Dot rectangle "A" open curly bracket. Line 2: background hyphen color: r g b open parenthesis0, 255, 0close parenthesis semicolon. 0 is labeled red, 255 is labeled green, and 0 is labeled green. Line 3: Close curly bracket. The corresponding output shows a solid green colored small rectangle placed at the top of the vertically oriented rectangle.

Set 2: Four lines of code are placed below set 1. Line 1: Dot rectangle B open curly bracket. Line 2: background hyphen color: green semicolon. Line 3: opacity: 0.75 semicolon. Line 4: Close curly bracket. The corresponding output shows a green colored rectangle placed on the vertically oriented rectangle, below the output of set 1. The intensity of green is slightly lighter than the one in the output of set 1.

Set 3: Three lines of code are placed below set 2. Line 1: Dot rectangle C open curly bracket. Line 2: background hyphen color: r g b “a” open parenthesis0, 255, 0, 0.50close parenthesis semicolon. 0.50 is labeled opacity. Line 3: Close curly bracket. The corresponding output shows a green colored rectangle placed on the vertically oriented rectangle, below the output of set 2. The intensity of green is slightly lighter than the one in the output of set 2.

Set 4: Three lines of code are placed below set 3. Line 1: Dot rectangle D open curly bracket. Line 2: background hyphen color: h s l a open parenthesis120, 100 percent, 50 percent, 0.25close parenthesis semicolon. 120 is labeled hue, 100 percent is labeled saturation, 50 percent is labeled luminosity, and 0.25 is labeled opacity. Line 3: Close curly bracket. The corresponding output shows a light green colored rectangle placed on the vertically oriented rectangle, below the output of set 3. The intensity of green is slightly lighter than the one in the output of set 3.