Return to color inventory page
UI Elements
- Select image to sample...
- Choose an image to inventory.
- Select a sample size:
- As you mouse over the image, you will see the 9 × 9 area of pixels around the cursor. You can choose to select the color of an individual pixel, or to average the 2 × 2 or 3 × 3 pixel area surrounding the cursor position.
- Colors match when distance between them is...
- When you select a color, the inventory program figures out how many pixels in your image have the “same” color. The item you choose from this menu determines how loose this definition really is. (The larger the distance, the more liberal the definition of “same.”)
- Remove chosen colors from image
- As you select colors, they will be “removed” from the image so you don’t choose them twice.
- Show as...
-
- Proportion of chosen colors
- Let’s say you have an image consisting of a green, yellow, and purple horizontal stripe. The height of the green stripe is 400 pixels, the height of the yellow stripe is 300 pixels, and the height of the purple stripe is 100 pixels. If you select yellow, that’s the only color you have selected so far, so it accounts for 100% of the chosen colors and will fill the entire color inventory. If you then select purple, you now have a total of 500 units; yellow takes up 400 of those 500, so it will fill 80% of the color inventory, and purple will take up 20% of the color bar.
- Proportion of all pixels
- Given the same image as before, if you select yellow, then that color is 300 / 800, or 37.5% of the entire image, so it would take up three eighths of the color inventory beneath the menu. If you then choose purple, it will account for 100 / 800, or 12.5% of the entire image, so it will take up one eighth of the color inventory.
- Non-proportional
- The inventory shows circles filled with the colors you chose.
- Sort by color
- When selected, items in the color inventory are converted to HSV and sorted by hue and then by saturation.
- Show as text
- Displays the colors and proportions in a text area that you can copy and paste. Colors are displayed in the form
rgb(rrr, ggg, bbb). - Undo last color addition
- Removes color choices in the reverse order that you made them.
- The color inventory
- If you hover over the colors in the inventory, you will see their RGB values and the percentage of the whole image (or selected colors) that they account for.
- Export SVG
- Exports the color inventory as an SVG file.