Stop Guessing color code by eye — Try This Chrome Extension Instead (With JSON Export!)

Stop Guessing color code by eye — Try This Chrome Extension Instead (With JSON Export!)


As frontend developers, we deal with color tokens constantly.

But when we want to grab a color from a website, it often means:

  • Taking a screenshot
  • Opening it in Figma
  • Using the eyedropper
  • Copying the HEX code manually

This workflow is slow and outdated.




🎯 Meet Palette Box

Palette Box is a Chrome extension I built to solve this.

  • 🖱 Drag any region of a webpage
  • 🎨 It automatically extracts the key colors
  • 💾 Export your palette as a JSON file
  • 📤 Share it as a preset with your team



🧪 Sample Output

When you find the color you want

save those colors as Palette box's presets

Convert to JSON file for developer

This works great with Tailwind, SCSS, or CSS-in-JS color tokens.



🚀 Get Started

Install Palette Box on Chrome

I’d love to hear how you use it. 🎨



Source link

Leave a Reply

Your email address will not be published. Required fields are marked *