Inspiration 💡

We've all been there, you have the perfect idea for a project whether it be a design or a model but don't know what color theme to use. To think that such a trivial matter is preventing you from creating what you want, if only there was a way to test out simple colors and see what will fit your idea perfectly. Introducing Palatter!

What it does ⚙️

Palatter is a very simple website that helps you discover the perfect colors for your idea/project. It generates four random colors for you at first, but you can re-generate those colors again and again till your imagination and creativity get fired up. See a color you like, lock that color so it doesn't get lost, remember a color that goes well with another, add that color into a box. Ever get stuck or have no idea for a color scheme, keep on generating new random color sets.

How we built it 🔨

  • Javascript
  • HTML
  • CSS

Challenges we ran into 🚧

  • Making it look good on all devices
  • Relatively new to javascript, so I had to spend a lot of time looking at documentation
  • Adding animations

Accomplishments that we're proud of ✔️

  • Fully functioning website
  • Clean design
  • Does what I originally wanted when I came up with the idea

What we learned 🤔

  • The importance of managing time in a hackathon
  • How to connect HTML elements with javascript code
  • Setting up event handlers in javascript

What's next for Palatter 🔮

  • monochromatic palette (based on given color)
  • analogous palette (based on given color)
  • complementary palette (based on given color)
  • triadic palette (based on given color)
  • Better design

Built With

Share this project:

Updates