Color Blast! banner

Color Blast!

11 devlogs
4h 10m 18s

A cool ‘chrome extension’ which allows you to find any color on a website and add it to a color palette.

Repository

Loading README...

Cool cream

Changed the css of this and added some shadows and borders. Made the colors lighter. It has a more modern look now!

Attachment
0
Cool cream

Oof this was some cool work. I shifted the math algorithm from using HSL values to use RGB values for the matching colors. Now it generates better matches for the color. Its awesome. Some final touches and I will be able to ship this extension!

0
Cool cream

Yeah, just prototyped a way of generating matching colors. Doesn’t work well. Like it shows up random colors and since I am using a mathematical algorithm for this, it generates negative values so it doesn’t work 100% of the times tried…

0
Cool cream

Added many tiny features such as live preview. Once a color is hovered on, the background changes to that color. And live stats: shows how may colors are there in the current palette. And a delete palette button, and a cool animation for the copy feature!

0
Cool cream

Added a cool feature suggested by one of you guys! Feature enabling you to create your many no. of palettes. Still work in progress, but seems nice for now.

0
Cool cream

Made some visual changes and fixed some errors in the javascript code. Not a big task, and also added an icon to the extension. This extension is almost done. I would love to hear a few ideas that i could add to this extension. Please comment if you have any ideas.

Attachment
0
Cool cream

Changed the colors of the popup to match the colors of my banner. I prefer this over the dark colors.

Attachment
0
Cool cream

This was a crazy tiring task. I got fed up of bugs, that I rewrote the whole code, and revamped the whole css. Now it looks more sleek and modern. This was a hard task and also implemented the delete color feature.

0
Cool cream

Just styled the box and added the functionality of the color showing up on the palette after picking it. Also added a small tooltip on hover. Really looks cool now. Next task is to be able to delete a color from the palette.

0
Cool cream

Oof this was hard. I had to code the eyedropper part of this so that the user can pick a color. And, the popup looked disgusting, so I had to do some basic styling. here’s a small preview

0
Cool cream

Created the basic manifest and html of the popup. This was easy. But now I am pretty scared that this project will take a little too less of time. So yeah, heres a small screenshot. Doesn’t look too good. did not even touch the css.

Attachment
0