.png)
Extract - Chrome Colour Picker
By
@Shaarav4795
- 3 Devlogs
- 6 Total hours
A colour picker for Google Chrome (or any Chromium-based browser)...
Ship #1
Pending review
@Shaarav4795
on
Extract - Chrome Colour Picker
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 :)
@Shaarav4795
on
Extract - Chrome Colour Picker
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 ._.
@Shaarav4795
on
Extract - Chrome Colour Picker
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)
@Shaarav4795
on
Extract - Chrome Colour Picker
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.
