Senior Software Developer

Color Aid

A color generator showing colors on the same color spectrum.

Color Aid

One framework I've been wanted to get some time to learn is svelte.js, a framework which compiles its syntax into raw javascript.

One of the benefits of working with this framework is its small file size. This helps contribute to a fast front end for applications built using it.

I tend to need a small project to help me understand best use cases for frameworks. With that in mind, I tasked myself to create a small colour web application. The requirements were simple:

  • Allow a user to input a colour (work, hex, rgb or hsl value)
  • Present light and darker version of the colour they have input
  • Copy value directly to the user's clipboard

With svelte, I was able to achieve this quite quickly. You can see the result in the link above.