I made a tool to check the contrast between two colours using the new contrast algorithm being drafted for WCAG 3 — also includes fun rgb/hsl/lch sliders and buttons to adjust either colour to a desired contrast!

This page summarizes the projects mentioned and recommended in the original post on /r/web_design
sapc-algorithm Contrast Srgb apca Luminance

SurveyJS
Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
Our great sponsors

  • SAPC-APCA

    APCA (Accessible Perceptual Contrast Algorithm) is a new method for predicting contrast for use in emerging web standards (WCAG 3) for determining readability contrast. APCA is derived form the SAPC (S-LUV Advanced Predictive Color) which is an accessibility-oriented color appearance model designed for self-illuminated displays.

    • Thank you! I'm not sure this would make sense as an npm package — it's just a web page. The source code is on github in case it inspires anybody, and the contrast calculation is based on the algorithm that Myndex has also shared: https://github.com/Myndex/SAPC-APCA

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts