Figma - Color and Fill
If you apply a solid fill color #0000FF (blue) to a rectangle and then reduce its opacity to 50%, what will be the visual result?
If you apply a solid fill color #0000FF (blue) to a rectangle and then reduce its opacity to 50%, what will be the visual result?
medium📝 Formula Result Q4 of 15
Step-by-Step Solution
Solution:
Step 1: Understand opacity effect on solid fill
Reducing opacity makes the color see-through but keeps the original color hue.Step 2: Apply 50% opacity to blue fill
The blue color will look lighter because it is semi-transparent, showing background behind it.Final Answer:
The rectangle will appear as a semi-transparent blue. -> Option DQuick Check:
Opacity reduces visibility, not color change [OK]
Quick Trick: Opacity controls transparency, not color hue [OK]
Common Mistakes:
MISTAKES- Thinking opacity changes color shade fully
- Assuming opacity 50% means invisible
- Confusing opacity with fill color change
Master "Color and Fill" in Figma
Want More Practice?
15+ quiz questions · All difficulty levels · Free
Free Signup - Practice All QuestionsMore Figma Quizzes