Detect and Select Color Elements
Description
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 |
Scenarios
- The user wants to read
5
colors from an image - The user wants to read
5
colors from an image using their owncustom colors
Sync
- 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
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 acomparePercent
field that gives you the percentage of what color exists the most between the colors that exists in theselected-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