Color space conversion in Computer Vision - Practice Problems & Coding Challenges

Challenge - 5 Problems

🧠 Conceptual

intermediate

Understanding Color Space Conversion Purpose

Why do we convert images from RGB to other color spaces like HSV or LAB in computer vision tasks?

A To reduce the image size by compressing color channels

B To separate color information from brightness, making color-based processing easier

C To increase the number of color channels for better detail

D To convert images into grayscale for simpler processing

💡 Hint

Think about how different color spaces help isolate color features.

Color spaces like HSV separate hue and saturation from brightness, which helps algorithms focus on color without brightness interference.

❓ Predict Output

intermediate

Output of RGB to Grayscale Conversion

What is the output of this Python code converting a pure red pixel to grayscale using OpenCV?

Computer Vision

import cv2
import numpy as np
red_pixel = np.array([[[0, 0, 255]]], dtype=np.uint8)
gray_pixel = cv2.cvtColor(red_pixel, cv2.COLOR_BGR2GRAY)
print(gray_pixel[0,0])

A 76

B 85

C 0

D 255

💡 Hint

OpenCV uses a weighted sum for grayscale: 0.299*R + 0.587*G + 0.114*B.

For pure red (B=0,G=0,R=255), grayscale = 0.299*255 ≈ 76.

❓ Model Choice

advanced

Choosing Color Space for Skin Detection

Which color space is generally best suited for detecting human skin tones robustly under varying lighting?

A RGB

B CMYK

C YUV

D HSV

💡 Hint

Consider which color space separates chromatic content from brightness.

HSV separates hue and saturation from brightness, making skin color detection more stable under different lighting.

❓ Hyperparameter

advanced

Effect of Threshold in HSV Color Masking

When creating a mask to isolate a color range in HSV space, what happens if the threshold range for hue is too wide?

A The mask includes many unwanted colors, reducing precision

B The mask becomes too small, missing target colors

C The mask converts the image to grayscale

D The mask removes all colors, resulting in a black image

💡 Hint

Think about what a wider hue range means for color selection.

A wider hue range captures more colors, including those not intended, which lowers the mask's precision.

🔧 Debug

expert

Debugging Incorrect Color Conversion Output

Given this code snippet, what is the cause of the incorrect color conversion output?

import cv2
import numpy as np
img = np.array([[[255, 0, 0]]], dtype=np.uint8)
converted = cv2.cvtColor(img, cv2.COLOR_RGB2HSV)
print(converted[0,0])

A The dtype of the image array is incorrect; it should be float32

B The input image is in RGB format, but cvtColor expects BGR for COLOR_RGB2HSV

C The input image is in BGR format, but cvtColor expects RGB for COLOR_RGB2HSV

D The image array shape is wrong; it should be (3,3,3)

💡 Hint

OpenCV uses BGR by default; check the input color order.

OpenCV's default image format is BGR. The code provides RGB data but uses COLOR_RGB2HSV, which expects RGB input. However, the array is actually BGR order, causing wrong conversion.

Practice

1. What is the main purpose of converting an image from RGB to grayscale in computer vision?

easy

A. To increase the number of color channels for better detail

B. To change the image format to JPEG

C. To reduce the image to a single channel representing brightness

D. To add color saturation to the image

Solution

1. Step 1: Understand RGB and grayscale formats

   RGB images have three color channels (red, green, blue), while grayscale images have one channel representing brightness.

2. Step 2: Purpose of conversion

   Converting to grayscale simplifies the image by reducing it to brightness information only, which helps in many vision tasks.

3. Final Answer:

   To reduce the image to a single channel representing brightness -> Option C

4. Quick Check:

   RGB to grayscale = single brightness channel [OK]

Hint: Grayscale means one brightness channel, not colors [OK]

Common Mistakes:

• Thinking grayscale adds colors
• Confusing grayscale with increasing channels
• Assuming conversion changes file format

2. Which OpenCV function is used to convert an image from one color space to another?

easy

A. cv2.cvtColor()

B. cv2.changeColor()

C. cv2.convertColor()

D. cv2.colorTransform()

Solution

1. Step 1: Recall OpenCV color conversion functions

   OpenCV provides a function named cvtColor to convert images between color spaces.

2. Step 2: Identify correct function name

   The correct function is cv2.cvtColor(), not any other variant.

3. Final Answer:

   cv2.cvtColor() -> Option A

4. Quick Check:

   OpenCV color conversion = cvtColor() [OK]

Hint: Remember 'cv' stands for color and 't' for transform [OK]

Common Mistakes:

• Using incorrect function names like convertColor
• Confusing with other OpenCV functions
• Misspelling cvtColor

3. What will be the output shape of the image after converting a 100x100 RGB image to HSV using OpenCV?

medium

A. (100, 3, 100)

B. (100, 100, 3)

C. (3, 100, 100)

D. (100, 100)

Solution

1. Step 1: Understand input image shape

   The input RGB image has shape (100, 100, 3) representing height, width, and 3 color channels.

2. Step 2: Effect of color space conversion on shape

   Converting to HSV changes color representation but keeps the same shape with 3 channels.

3. Final Answer:

   (100, 100, 3) -> Option B

4. Quick Check:

   RGB to HSV keeps shape (height, width, 3) [OK]

Hint: Color space change keeps image shape, only channel meaning changes [OK]

Common Mistakes:

• Assuming shape changes to 2D
• Mixing channel dimension order
• Thinking channels increase or decrease

4. Identify the error in this OpenCV code snippet for converting BGR to grayscale:

import cv2
img = cv2.imread('image.jpg')
gray = cv2.cvtColor(img, cv2.COLOR_RGB2GRAY)

medium

A. cv2.imread reads image in BGR, but conversion uses COLOR_RGB2GRAY

B. The image path is incorrect

C. cv2.cvtColor should be cv2.convertColor

D. Missing import for numpy

Solution

1. Step 1: Check image reading format

   cv2.imread reads images in BGR format by default, not RGB.

2. Step 2: Check color conversion code

   The code uses COLOR_RGB2GRAY which expects RGB input, causing wrong conversion.

3. Final Answer:

   cv2.imread reads image in BGR, but conversion uses COLOR_RGB2GRAY -> Option A

4. Quick Check:

   BGR input needs COLOR_BGR2GRAY [OK]

Hint: Remember OpenCV reads images as BGR, not RGB [OK]

Common Mistakes:

• Using COLOR_RGB2GRAY with BGR images
• Misspelling cvtColor
• Assuming numpy import needed here

5. You want to detect red objects in an image using HSV color space. Which HSV range is best to isolate red color?

hard

A. Hue: 100-140, Saturation: 200-255, Value: 200-255

B. Hue: 30-90, Saturation: 50-150, Value: 50-150

C. Hue: 90-150, Saturation: 0-50, Value: 0-50

D. Hue: 0-10 and 160-180, Saturation: 100-255, Value: 100-255

Solution

1. Step 1: Understand HSV hue for red color

   Red color in HSV wraps around hue values near 0 and near 180 degrees, so two ranges are needed.

2. Step 2: Saturation and value ranges for clear red detection

   High saturation and value help isolate bright red objects, so ranges 100-255 are appropriate.

3. Final Answer:

   Hue: 0-10 and 160-180, Saturation: 100-255, Value: 100-255 -> Option D

4. Quick Check:

   Red hue wraps around 0 and 180 in HSV [OK]

Hint: Red hue wraps around low and high ends of HSV scale [OK]

Common Mistakes:

• Using only one hue range for red
• Choosing low saturation/value ranges
• Confusing hue ranges for other colors