DEV Community

Cover image for Hyu-Sync, my fun side project
Brendon O'Neill
Brendon O'Neill

Posted on

Hyu-Sync, my fun side project

Hyu-Sync

This website is here to help people pick colours for their projects. It includes a colour picker that generates colour harmonies and colour formats, making it easier to choose colours that work well together. There are also plenty of other features, like a contrast checker for accessibility and the ability to create your own custom palettes from colours you want to reuse.

Where it started

This project started because I wanted to create a colour wheel using canvas. After I got that working, I decided to build a colour picker that could convert colours into three different formats: Hex, HSL, and RGB.

Alongside that, I wanted a colour history feature to track colours I’d used before, since I was relying on different websites to store colours, look them up, check accessibility, and create palettes. So I decided to build one site that brought all of that together and made the whole process easier.

Features

  • Colour picker
  • Colour formater
  • Contrast checker
  • Colour history
  • Six different colour harmonies
  • HSL editor
  • Gradient editor
  • Custom palettes builder

Performance and Accessibility

I want this site to be accessible to everyone, so I’m continuing to improve its performance, such as avoiding re-rendering the colour picker on load. I’m also continuing to learn more about accessibility so I can make it as user-friendly as possible.

Top comments (0)