> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.caimera.ai/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # Recolor: Change Colors and Materials Instantly **Recolor: Change Colors and Materials Instantly** Need the same product in five different colorways without reshooting a single item? The **Recolor** tool lets you take one product photo and instantly generate new color and material variations — perfect for building out a full colorway range for your catalog, marketing, or sell sheets. You can recolor with pixel-perfect precision on one area at a time, or group multiple parts together and generate an entire colorway range in a single click. **Before you start** Recolor gives you two ways of working, and you'll choose one after uploading your image: * **AI Recolor** — Group the product's parts, give each group a color or a material, and generate a full colorway range in one go. Best when you want several finished colorways fast. * **Photoshop Recolor** — An exact color shift on a masked area, pixel-faithful, one color at a time. Best when you need precise control over a single area. Both modes work on the same uploaded image, so you can always switch between them if you change your mind partway through. **Step 1:** Open the Recolor tool from your dashboard, go to the **Ecommerce** section and click the **Recolor** card. ![Step 1: Open the Recolor tool](https://storage.crisp.chat/users/helpdesk/website/-/c/8/b/f/c8bf533b39f9b00/image_3z95gn.png =600x284) **Step 2:** Add your product image; upload your product photo, or drag and drop it into the panel. You can also paste an image or pull one from your Library. ![Step 2: Add your Image on Recolor Tool](https://storage.crisp.chat/users/helpdesk/website/-/c/8/b/f/c8bf533b39f9b00/02choosemodetoggle_2ohv4.gif =600x284) **Step 3:** Choose your recolor mode. Once your image is uploaded, pick **AI Recolor** or **Photoshop Recolor** at the top of the panel, depending on whether you want a full colorway range or a precise single-color edit. ![Step 3: Select your Recolor Mode](https://storage.crisp.chat/users/helpdesk/website/-/c/8/b/f/c8bf533b39f9b00/image_1nlnaly.png =600x284) **Photoshop Recolor** **Step 4:** Select the area to recolor. Choose a labeled area — Fabric, Hood, Sleeves, Pockets, Waistband, Cuffs, Logo — or turn on **Manual mask** to draw your own. Right-click a chip to protect that area from the mask (it turns red). Use **Refining Mask Edges** to clean up the selection. ![Step 4: Photoshop Recolor](https://storage.crisp.chat/users/helpdesk/website/-/c/8/b/f/c8bf533b39f9b00/image_1o021gf.png =600x284) **Step 5:** Pick your color. Use the **color picker** or enter a **HEX, RGB, or HSL value** by clicking the arrow next to the color field. Once selected, click **Generate** to create your recolored image. ![Step 5: Pick your color.](https://storage.crisp.chat/users/helpdesk/website/-/c/8/b/f/c8bf533b39f9b00/image_svelxp.png =600x284) **AI Recolor** **Step 4:** Build your colorway groups. Drag parts (Fabric, Hood, Sleeves, Pockets, Waistband, Cuffs, Patches) into a group so they all take the same color or material. Add a **New Group** for each additional area, and use + to add another colorway, or **Remix** to auto-generate palette variations. ![Step 4: Build your colorway groups.](https://storage.crisp.chat/users/helpdesk/website/-/c/8/b/f/c8bf533b39f9b00/image_1xdl75f.png =600x284) **Step 5:** Assign a **color or material** to each group. * **Color:** Choose a swatch or enter a **HEX, RGB, or HSL** value. * **Material:** Upload an image reference, such as a **fabric texture or print**, to apply it to the selected area. * **Create multiple colorways:** Click the **+** icon next to **Colorway** to add multiple color and material selections. This lets you generate **colorways, swatches, and material swaps in bulk**. ![Step 5: Assign a color or material to each group](https://storage.crisp.chat/users/helpdesk/website/-/c/8/b/f/c8bf533b39f9b00/image_qj2vqk.png =600x284) **Step 6:** Choose your output resolution (1K or 2K) and click **Generate**. Your new colorway(s) will appear in the canvas and in your History panel on the right as they're created. ![Step 6: Choose your output resolution (1K or 2K) and click Generate](https://storage.crisp.chat/users/helpdesk/website/-/c/8/b/f/c8bf533b39f9b00/image_dsd899.png =600x316) **Edit Your Generated Image** After generation, you can refine your image without starting over. **Text-Based Editing** Describe the change you want in plain text. For example: "remove logo." **Draw & Edit Tool** Click the **pencil (scribble) icon** to circle or draw on the area you want to change. Then either upload a reference image or type a description (e.g., "add a bow near the hood") and click **Edit**. watch step-by-step tutorial for the feature [here](https://youtu.be/PvdhGsBbA24?si=IFYcXg-o1o1qR0Bz). **Layers Panel** Every edit creates a new layer. You can toggle between variations or revert to the original base image at any time. Click the **Compare** icon in the toolbar to view two versions side by side. ![Edit Your Generated Image](https://storage.crisp.chat/users/helpdesk/website/-/c/8/b/f/c8bf533b39f9b00/image_r9dhff.png =600x283) **Upscale and Download** Images can be generated at 1K, 2K or 4K. When your design is complete: 1. Click the **Upscale** button in the left panel. 2. Select your upscaling preference (Crystal goes up to 14K). 3. Click **Download** to save the high-resolution image. ![Upscale and Download](https://storage.crisp.chat/users/helpdesk/website/-/c/8/b/f/c8bf533b39f9b00/image_1yvpp2w.png =600x284) You can watch the **step-by-step tutorial for the Recolor tool here:** ${youtube}[Recolor Tool](wWLjv9V8iR0) **FAQs** 1. **What's the difference between AI Recolor and Photoshop Recolor?** AI Recolor groups parts of the product and generates a full colorway range in one go — ideal for producing multiple finished variants quickly. Photoshop Recolor makes an exact, pixel-faithful color change to one masked area at a time, giving you tighter control over a single edit. 2. **Can I recolor more than one part at once?** Yes. In AI Recolor, drag as many parts as you like into a single group — they'll all receive the same color or material. You can also create multiple groups to recolor different areas differently in the same generation. 3. **Can I apply a material instead of a flat color?** Yes. In AI Recolor, switch to the **Material** tab on any group and upload a fabric or texture reference instead of picking a color. 4. **Will Recolor affect the logo, print, or texture detail on my product?** No. Recolor is designed to preserve product detail — logos, prints, and texture stay intact while only the selected area's color or material changes. In Photoshop Recolor, you can also right-click any area chip to explicitly protect it from the mask. 5. **What resolution should I generate at?** Start with 1K for quick iterations. Once you're happy with a colorway, switch to 2K, or use the Upscale tool afterward to boost an existing generation to a higher resolution. 6. **How do I compare my new colorway to the original?** Click the Compare icon in the left-hand toolbar on any generated image to view the before and after side by side. 7. **What file formats can I export to?** You can download as PNG or JPEG, with adjustable quality, an optional AI-generated disclosure, background removal, and embedded image metadata. **Take your Image generations further:** ✏️ [Sketch-to-Image Tool](https://help.caimera.ai/en/article/how-to-use-the-sketch-to-image-tool-1gmnguv/): Turn your raw design concepts and line art into hyper-realistic garment mockups. 📝[Upload & Edit Tool](https://help.caimera.ai/en/article/upload-edit-your-images-on-caimera-cld7tn/): Caimera’s Upload & Edit tool lets you bring in any image you have the rights to use and make precise edits using Caimera’s tools. 🧩 [How to use the Draw & Edit Tool](https://help.caimera.ai/en/article/how-to-edit-images-using-the-draw-and-edit-tool-in-caimera-1fiuxqw/): Explore creative ways to enhance your images with step-by-step tutorial. 🗂️ [How to Organize, Save, and Delete Image Layers in Caimera](https://help.caimera.ai/en/article/how-to-save-and-delete-images-and-layers-on-caimera-frj3k3/): Manage your workflow efficiently by organizing and controlling your generated image layers. Have a question or running into an issue? Reach us via the chat bubble or at ${color}[#7d6b6a](.)