Posterization
Plugs
Image
Vector
Role
Recolor an image or vector by mapping each color to the closest color listed in the Colors
property.
The distance can be computed in two color spaces; RGB
or HSL
.
In case of equidistance between two or more colors, the first one found it the one assigned.
Properties
Colors: List of color listed either by CSS color code or color name
ex.:
purple, #ff0000, #abcd56, black
Color Space:
RGB
orHSL
space
Limitations
An SVG with a gradient only maps the limit of the gradient and not the intermediate colors.
The work around for this is to create a canvas and use the vector node in a canvas composite then add the
posterization
operator.
An embedded image in an SVG file won't be recolored.
The same work around using a canvas composite works in this case
Posterization has been added as an operator for images. Now you can recolor images in real-time to a predefined list of colors. For example, if a Customer only prints 20 set colors or in black and white, Threekit can automatically recolor image uploads to those 20 colors in the configurator. Threekit can also export the recolored images for post-order workflows. Head over to a Texture asset and add the Posterization Operator. Then you can add a list of colors using HEX code or HTML color names
![](https://community.threekit.com/~gitbook/image?url=https%3A%2F%2F2668731230-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252Fknvt0jlDBXmk91mWaWXB%252Fuploads%252FDqHI5GCHEsDZzlxf8djn%252FPosterization_1.png%3Falt%3Dmedia%26token%3D2b66669d-3a80-4934-9f26-993517344bf9&width=768&dpr=4&quality=100&sign=e2c50bf8&sv=1)
Last updated