Extract - Chrome Colour Picker

@Amu approved your project · 2 months ago

This project was vetted by Shipwrights and is now up for voting. You can ship again after making more updates.

Feedback

Hey there,
Awesome project! I'd love to see what you make in the future!

Shipwright walkthrough

@Amu returned your project · 2 months ago

This needs changes before we can consider it shipped. Review the Shipwright feedback, make updates, then ship again.

Feedback

Hey! Thanks for shipping your project. It's not quite ready for voting yet, so here's what we'd like you to change:
-your project banner should be a screenshot of your project in action , change it from project settings
-your github release page should have a crx file of your extension along with zip file , if you have any questions dm me @Amu
Once you've made these, ship it again and we'll take another look!

Shipwright walkthrough

Ship #1 💀 Cursed

@Shaarav4795 on Extract - Chrome Colour Picker · 2 months ago

I made Extract, a simple Chrome extension that lets users select a colour anywhere and copy its HEX, RGB, HSV and CMYK values. Overall, this is a really simple project hence the little amount of devlogs and I only spent 6hrs on this… (it would have been around 5 but the damned eyedropper took soo long) Normally I wouldn’t even make a project as simple as this, but I felt the need for such an extension so I built my own and submitted it here. Hope you guys like it :)

3 devlogs
6h
8.36x multiplier
26 Stardust

Try project → See source code →

Open comments for this post

@Shaarav4795 on Extract - Chrome Colour Picker · 2 months ago

41m 18s logged

I made the README.md and I made the Github Release as well (as a ZIP file of course)… There’s not much else to say here except how are my last 2 devlogs the same time??? like lol what are the chances of that ._.

Open comments for this post

@Shaarav4795 on Extract - Chrome Colour Picker · 2 months ago

2h 42m 53s logged

I made the colour picker actually work now…. so for some reason this took wayyy longer than it shouldve because the eyedropper API was so annoying to use and I gebuinely felt like trying another approach…. but after making that work, and also making dark mode work (including inverting the extension icon in the header) I also got the recent colour list working and I used the colour conversion logic from Formatly (my previous project) to convert between different formats of colours via I finally got the colour picker working. For some reason this took way longer than it should have, because the Eyedropper API was so annoying to use, and I genuinely felt like trying another approach. After getting that working, and also implementing dark mode(including inverting the extension icon in the header bcz it looked bad without it ngl)I also got the recent colour list working. I used the colour conversion logic from Formatly to convert between different colour formats via a dropdown (yes yes excellent UX frfr)

Open comments for this post

@Shaarav4795 on Extract - Chrome Colour Picker · 2 months ago

2h 42m 19s logged

I initialised a React +vite project (normally I use Next.js, but it felt overkill for such a simple tool) and then scaffolded the UI and made the extension’s icon. To make the icon I decided to use Canva, as it was an easy process, and I exported it as an svg so I can manipulate it easily. As for the UI, I decided to use elements and styling from my previous project (Formatly), as people really liked it, but I also added a dark mode button because that was some feedback I had gotten.