Preparing the latest guides, releases, and feature request updates.
Loading guides
Preparing the right Knowledge Base content for this platform.
Colorization methods and setup | Chamevo Support Center
Colorization methods and setup
Configure how customers change colors on text, SVG, and PNG elements — color picker, palettes, link groups, and PNG color modes.
Updated April 28, 20265 min read
Chamevo gives customers several ways to change element colors in the product customizer. You control whether they get a free color picker, a restricted palette, or linked colors that update multiple elements at once. This article covers all colorization methods and how to set them up.
You have access to the Product Builder (Chamevo > Products in your WordPress admin).
Supported element types
Element type
Colorization support
Text
Full — fill color, color picker or palette
SVG images
Full — per-path coloring for multi-path SVGs, fill color for single-path
PNG images
Color modes only (Tint, Multiply)
JPEG / GIF
Not supported
Colorization methods
Color picker (free choice)
Give customers a color wheel to pick any color.
Setup: Select the element in the Product Builder and enable Color Picker in the color configuration section of the properties panel. The customer sees a color wheel and can choose any color.
Color palette (restricted choices)
Limit customers to specific colors that match your brand or production capabilities.
Setup: Select the element in the Product Builder and add hex values in the Colors field. The customer sees color swatches instead of a free picker.
This is the recommended approach for most products. It prevents customers from choosing colors you cannot produce.
No colorization
To prevent customers from changing an element's color, leave the Colors field empty and keep Color Picker disabled.
Steps
Set colors on a single element
Open your product in the Product Builder (Chamevo > Products).
Select the element you want to colorize.
In the properties panel, find the color configuration section.
Choose your method:
Enable Color Picker for a free color wheel.
Add hex values in the Colors field for a restricted palette.
Leave both empty to disable color changes.
Click Save View.
Set colors on a graphics category
Go to Chamevo > Graphics in your WordPress admin.
Find the graphics category and click its settings icon to open Category Options.
Enable the options panel if not already active.
Find the Color Picker toggle and the Colors field.
Configure the color method (picker or palette).
Click Save Changes.
Every graphic in this category inherits these color options.
Set default colors in the print profile
You can set color options that apply to all customer-added elements through the print profile:
Go to Chamevo > Print Profiles in your WordPress admin.
Edit your print profile and open the Color Configurations tab.
Choose the section for your element type:
Uploads & Designs — colors for customer-uploaded images
All Images — colors applied to all image elements
Custom Texts — colors for customer-added text
All Texts — colors applied to all text elements
Add hex values in the Colors field for a palette, or configure the Default Color field.
Click Save Changes.
Color link groups
Color link groups synchronize color changes across multiple elements. When a customer changes the color of one element in a group, all other elements in the same group update to match.
Set up a color link group
Open your product in the Product Builder.
Select the first element.
In the properties panel, find the Color Link Group field.
Enter a group name (for example, "team-color").
Select the next element and enter the same group name.
Repeat for all elements that should share the same color.
Click Save View.
Now when a customer picks a color for one element, every element in the "team-color" group changes to that color.
You can also set a default Color Link Group in the print profile. Go to the Color Configurations tab and find the Color Link Group field in the appropriate section (Uploads & Designs, All Images, Custom Texts, or All Texts).
Works with: text elements, PNG images, and single-path SVGs. Multi-path SVGs do not support color link groups because each path has its own color.
PNG color modes
PNG images cannot be recolored with a simple fill. Instead, Chamevo applies a color blend mode to shift the image's appearance.
Select a PNG image element in the Product Builder and set the Color Mode field in the properties panel:
Mode
Effect
Best for
Tint
Recolors the entire image with the chosen hue while preserving light and dark values.
Icons, flat graphics, simple illustrations
Multiply
Blends the chosen color with the original image, darkening it.
For most products, Tint and Multiply are the most useful modes. Use Multiply on white product mockups (like t-shirts) for realistic color simulation.
Set a PNG color mode
Open your product in the Product Builder.
Select the PNG image element.
In the properties panel, set the Color Mode to your preferred mode (for example, Multiply).
Configure the Colors field with a palette of hex values, or enable Color Picker for free choice.
Click Save View.
SVG per-path coloring
Multi-path SVGs support per-path color editing. Each path in the SVG can have its own color, and customers can change them individually.
You can control how many SVG paths can be colored independently in Chamevo > Settings > Features > Custom Images & Designs. Find the Max Colorable SVG Paths setting. The default is 10. Set it to 0 for unlimited, or reduce it if complex SVGs with many paths slow down the interface.
Color pricing
You can charge different prices for different color choices. Go to Chamevo > Settings > Colors and configure the Color Prices section:
Open the Color Prices tab.
Enable Enable Text Color Pricing and/or Enable Image Color Pricing.
Add hex values and their corresponding prices.
When a customer selects a color with a price, Chamevo adds it to the product total through Dynamic Pricing.
Color names and presets
In Chamevo > Settings > Colors you can also configure:
Color Names — assign display names to hex values (for example, "Navy Blue" for #001f3f). Customers see the name instead of the hex code.
Color Picker Presets — add preset swatches to the color picker so customers have quick access to common colors alongside the free wheel.
Color Lists — create reusable named color palettes that can be assigned to elements.
Check your setup
Open the product page on your store.
Launch the product customizer.
Select an element with color options.
For a color picker: confirm the color wheel appears and the element updates in real time.
For a palette: confirm only your specified colors appear as swatches.
For a color link group: change one element's color and confirm all linked elements update.
For a PNG color mode: select a color and confirm the image recolors correctly.
Troubleshooting
Color picker appears when I set a palette. Make sure you added multiple hex values in the Colors field and disabled the Color Picker toggle. The picker shows when Color Picker is enabled.
SVG does not change color. Check that the SVG has fill attributes on its paths. Some SVGs use stroke-only styling, which is not affected by fill colorization.
PNG color mode looks wrong. Try a different mode. Multiply works best on white-base images. On dark images, try Tint.
Color link group does not sync. Confirm all elements in the group have the exact same Color Link Group value (case-sensitive). Multi-path SVGs do not support link groups.
Next steps
Add patterns to offer texture fills alongside solid colors.
Q: What is the difference between a color picker and a color palette?
A: The Color Picker (enabled via the toggle in the element properties) gives customers a color wheel to choose any color. The Colors field (with multiple hex values) restricts customers to specific swatches. Use palettes when you need to match production capabilities or brand colors.
Q: Can I charge extra for certain colors?
A: Yes. Go to Chamevo > Settings > Colors > Color Prices and assign a price to specific hex values. The price adds to the product total when the customer selects that color.
Q: How do I recolor a PNG product mockup like a t-shirt?
A: Select the PNG element in the Product Builder and set the Color Mode to Multiply. Then configure a color palette in the Colors field. Multiply mode works best on white-base images, simulating realistic fabric coloring.
Q: How many SVG paths can customers color individually?
A: The default limit is 10 paths. Change this in Chamevo > Settings > Features > Custom Images & Designs under Max Colorable SVG Paths. Set it to 0 for unlimited. Complex SVGs with many paths may slow down the interface.
