contrast-calculator-2 Tailwind Templates

Contrast Calculator 2

color contrast calculator with HSL controls for finetuning. using APCA, alpinejs, tailwind

Contrast calculator and finetuner

Color contrast calculator with HSL controls for finetuning. Using APCA, alpinejs, tailwind

🧨 Work in progress

Demo:

https://jolly-feynman-28ea37.netlify.app

To do

  • use new colorparsley for hex-hsl conversion

  • try colord lib

    • Allow different color inputs
  • Show WCAG Score

  • Reference lookup table for APCA score

  • ...

Top categories

Loading Svelte Themes