🎨 Palette Box — My Chrome Extension to Instantly Extract Colors from the Web

Hey Hashnode! 👋
I’m excited to share a side project I recently built: Palette Box — a Chrome extension that helps developers and designers extract colors from any website instantly.

---

❓ The Problem

Ever seen a perfect color on a website and wanted to reuse it in your project?
The typical workflow looks like this:

• Take a screenshot

• Open it in Figma or Photoshop

• Copy HEX/RGB manually

• Paste into code

That’s 4+ steps just to get a single color. 😫

---

✅ The Solution: Palette Box

Palette Box reduces this down to just one drag.

• 🖱 Drag a region on any webpage

• 🎨 Instantly extract dominant colors

• 💾 Save palettes with names

• 📤 Export as JSON

• 🔗 Share presets with your team or community

---

💻 Who It's For

Whether you're:

• A frontend dev creating design tokens

• A designer collecting color inspiration

• A content creator working on visual assets

...Palette Box simplifies your color workflow.

---

🧪 Example

Perfect for use in Tailwind, SCSS, styled-components, or design systems.

🚀 Try it for Free

You can install it for free from the Chrome Web Store:

👉 https://chromewebstore.google.com/detail/palette-box/dbokpdajfkdaglkgojjjocclfnilbhao

🤝 Let’s Connect!

If you're working on a similar tool or have ideas to improve Palette Box, I’d love to hear from you!

Drop a comment below or reach out on X or Threads.
Let’s make better tools for creators. ✨

#chromeextension #webdesign #frontend #designsystem #productivity #sideproject