Skip to content

Detect and Select Color Elements


Expects a image, get all the colors from the image and put it into a data list

Input Ports

Name dataType sourceType required description
Image path text link-manual true The path to the image you want to read the colors from
Number of colors number manual-only true The number of colors you want to retrieve from the image
Custom colors dataList link-manual false The hex values of the colors you want to find inside of the image


  • The user wants to read 5 colors from an image
  • The user wants to read 5 colors from an image using their own custom colors
  • You are required to atleast run the command once to sync data into state which will allow you to choose the colors you want to work with.

Use case


  • Image path: D:\example.png
  • Number of colors: 5
  • Custom colors:
Experienced tips
  • If you do not specify an Image path, the process will stop and provide you with the following error. Cannot read property 'data' of null
  • When you select colors after the data is synced, the selected-list output has a comparePercent field that gives you the percentage of what color exists the most between the colors that exists in the selected-list
  • When you do not get the color you are seeking to get, add custom colors to the input.


Search Tags

Reads colors from image Find what color exists the most inside of an image