GitHub Live Preview

Hyu-Sync

This colour picker website combines features inspired by tools I have used across different websites into one solution. It allows users to select, customize, and save colours for their projects, while also checking the contrast between colours to help ensure they meet WCAG accessibility requirements. The aim is to make choosing accessible colour combinations simple, practical, and efficient for designers and developers.

Features

Colour table

WCAG accessibility Chart

Colour History

Colour Harmony Shades

HSL builder

Gradient builder

Custom palettes

Lessons Learned

How the WCAG compares colours and check to see if they are accessible together

I learnt how to create custom div sizes based on each custom palettes options

How to use indexDB to help speed up the website load creating bitmaps

Future features

Other colour format builders

Add more colour formats

Working On / Research

Improving performance of website

Deployment

This site is deployed to a VPS.

Other Projects