What is the Color Detection Module?

Module Description

The Color Detection Module identifies and extracts dominant colors from an image based on the proportion of pixels they occupy — the larger the area covered by a color, the higher its significance. The module can extract between one and five colors per image. For each detected color, it provides the corresponding RGB value, HEX code, and the percentage of the image that the color represents.

How Does It Work?

1. Select the Media File
   Upload or choose the media file you want to analyze.

2. Activate the Module
   In the left-hand panel, select the Color Detection module.

3. Set Model Parameters
   Define the number of colors to extract (between one and five), then click the yellow "Add Module" button.

4. Start the Analysis
   Add additional modules if desired, or start the analysis right away by clicking "Start Analysis."

5. View the Results
   Navigate to the Results Page and click on the Color Detection icon to view the extracted colors.

• Number of Colors
  Specifies how many dominant colors the system should extract per frame or per video second. You can choose between one and five colors, depending on the level of detail you need.

Displaying the Results:

Module Section

On the right side of the player, you’ll see a section with detailed results for each module used in the analysis. Clicking on the module name opens a dropdown with specific parameters, useful for troubleshooting.

Result Cards

On the right side of the results page, you see the Color Detection module output. This section provides a visual and numerical summary of the dominant colors detected in your media file.

Components:

1. Color Swatches (Top Area)

   • Displays the extracted dominant colors as visual swatches.

   • Each swatch includes the HEX color code directly beneath it (e.g., #73853d, #90964f, etc.).

   • The colors are arranged by their dominance, from left (most dominant) to right (less dominant).

2. Timestamp

   • Below the color swatches, the timestamp is displayed.

   • In this case: 00:00:00.00 — meaning this frame analysis corresponds to the first frame or time stamp in the media.

3. Color Attributes (Bottom Area)

   • For each detected color, detailed attributes are provided:

     • HEX Code: The hexadecimal color representation.

     • RGB Values: The Red, Green, and Blue composition of the color.

     • Proportion: The percentage of the image covered by this color, giving an immediate sense of its dominance in the scene.

   Example:

   • HEX: #73853d

   • RGB: 115,133,61

   • Proportion: 30%

This view allows users to quickly understand which colors are most prominent in their selected image or video frame and provides both visual and technical data for each color.