🖼️ Image Part Remover – User Guide

This app allows you to remove specific parts of an image by selecting colors (chroma keying), and fine-tune the result with spill and edge feather settings. It’s perfect for making transparent backgrounds or cleaning up similar-colored zones.

---

📂 Step 1: Upload an Image

1. Click the “Upload Image” button.
2. Select a JPG, PNG, or any standard image from your device.
3. You’ll see two previews:
   • Original Image
   • Chroma Key Preview (Live result of your edits)

---

🎯 Step 2: Select Colors to Remove

1. Click anywhere on the Original Image to pick a color.
2. That color will be added to your Key Colors list.
3. It will be removed from the Chroma Key Preview.

🧠 Tip: You can select multiple colors to remove all at once.

---

🎛️ Step 3: Fine-Tune the Removal

• Tolerance (0–255):
  Controls how “close” a color must be to the selected color to be removed.
  👉 Higher = more aggressive removal.
• Spill Removal (0–100):
  Helps reduce leftover color “spill” around edges by subtly blending pixels.
• Edge Feather (0–10):
  Softens the edges of transparent areas with a blur effect.

🧪 Use the sliders to experiment until the preview looks clean.

---

🗑️ Step 4: Manage Key Colors

• View all picked colors under Key Colors.
• To remove a color, click the × next to it.

---

💾 Step 5: Export & Import Settings (Optional)

Export:

• Click “Export Settings” to save your color selections and slider values in a .json file.
• Useful if you want to reuse the same settings on similar images later.

Import:

• Click “Import Settings” and select a previously saved .json file.
• It will instantly apply the saved settings to your current image.

---

🔄 Reset Everything

• Click “Reset All” to clear colors, sliders, and image.
• This brings the app back to its starting state.

---

⬇️ Download the Result

Once you’re satisfied with the Chroma Key Preview:

• Click “Download as PNG” to save your image with the removed background or color zones.
• The download includes transparency where colors were removed.

---

🎨 Interface Features

• Dark Mode UI for eye comfort.
• Live Preview canvas with checkered transparency background.
• Built-in scrollbars and clean, responsive layout.

---

✅ Best Practices

• Pick background colors or any solid areas you want removed.
• For photos with gradients or lighting, increase tolerance gradually.
• Use edge feather sparingly for clean borders, especially for portraits or products.

🎨 Use Case: Palette Generator – Instant Color Harmony from One Click

🔧 What It Is:

Palette Generator is a responsive, dark-themed web tool that transforms any color into a full range of professionally styled palettes. Designed for creators and designers, it lets users:

• Select a base color 🎯
• Choose a mood/style (vibrant, pastel, deep, etc.)
• Instantly view multiple palette types (monochromatic, complementary, triadic, etc.)
• Copy any color’s HEX code with a single click 🖱️

---

👩‍💻 Who It’s For:

• IMVU/Roblox/Avatar designers who want consistent palettes
• Web & UI designers planning themes
• Artists & illustrators seeking color harmony
• Brand creators building visual identities

---

🧭 How To Use

1. 🎨 Pick Your Base Color

• Use the built-in color picker to select your desired base color.
• The selected HEX value will show just below the picker.

2. 🪄 Choose a Style Modifier

• Pick a tone to influence the vibe of your palettes:
  • Default – Balanced
  • Vibrant – Bold and saturated
  • Muted – Subtle and soft
  • Pastel – Bright but airy
  • Deep – Darker, rich shades
  • Light – Bright and uplifting

3. 🧩 Explore Color Palettes

• The app generates 8 palette types from your base color:
  • Monochromatic
  • Analogous
  • Complementary
  • Split Complementary
  • Triadic
  • Tetradic (Square)
  • Shades
  • Tints

Each palette displays clickable color swatches with HEX labels.

4. 📋 Copy Colors Instantly

• Click any swatch to copy its HEX code.
• A confirmation popup appears at the bottom: “Copied: #XXXXXX”

---

✨ Features At A Glance

• ✔️ Responsive dark theme UI
• ✔️ Instant feedback on color changes
• ✔️ One-click HEX code copying
• ✔️ Accessible for both beginner and pro designers
• ✔️ Works fully in-browser – no login or install needed

🌈 Use Case: Color Extractor

📌 What It Is:

Color Extractor is a web-based tool that allows users to:

• Upload an image
• Instantly view the dominant color palette
• Manually pick colors from the image by clicking
• Zoom in on specific parts of the image using a magnifier
• Copy HEX codes of colors with one click

🎯 Ideal For:

• Graphic designers needing a quick palette from reference images
• IMVU creators trying to match textures or avatars
• Brand builders capturing visual identity from photos
• Anyone needing quick and accurate color picking

---

🧭 Step-by-Step Guide

✅ 1. Upload an Image

• Click the “Choose Image File” button.
• Select any JPG, PNG, or other standard image formats from your computer.
• Wait a moment for the preview and color analysis to load.

🎨 2. View Dominant Colors

• Once uploaded, a palette of 6 dominant colors appears in the right panel.
• Each swatch shows its HEX code and a tooltip that says “Copy HEX.”
• Clicking a swatch copies the color code to your clipboard instantly.

🔍 3. Use the Magnifier

• Hover your mouse over the image in the preview panel.
• A zoomed-in magnifier will appear near your cursor, showing a pixelated grid.
• This helps you accurately pick a specific pixel’s color.

✨ 4. Pick Custom Colors

• Click anywhere on the image to pick that exact color.
• The picked colors are shown in a separate section (“Picked Colors”).
• You can pick up to 9 recent custom colors, each displayed with a HEX code.

📋 5. Copy Color Codes

• Whether from the dominant palette or picked colors, just click any swatch to:
  • Copy its HEX code to clipboard
  • See a quick “Copied!” popup message

🧠 Bonus Tips:

• If you upload an image that cannot be analyzed (due to file type or CORS restriction), you’ll get a helpful error message.
• The app supports dark mode styling for eye comfort and better contrast with color swatches.