The Colour Contrast Analyser (CCA) helps you determine the legibility of text and the contrast of visual elements, such as graphical controls and visual indicators.
-
Updated
May 6, 2024 - JavaScript
The Colour Contrast Analyser (CCA) helps you determine the legibility of text and the contrast of visual elements, such as graphical controls and visual indicators.
Generate colors based on a desired contrast ratio
Buttons to add/remove contrast and increase/decrease font size.
The APCA version, to be licensed for use with guidelines: W3/AGWG.
A universal Node/browser library for manipulating images, built on canvas.
Check the compliance of your design guidelines within seconds
Create high contrast version of your project with ease.
🎨 Determine the best contrast color to use. Give it a background color and it returns a foreground color (black or white by default but customizable).
Choose the boldest and most accessible color for a given background.
A simple tool for checking the contrast level of two colours
A simplified version of the APCA math to bridge from WCAG_2 contrast math to the future, while being 100% backwards compatible with WCAG_2 contrast. By "backwards compatible" we mean if bridge-pca passes it, it will automatically pass WCAG_2 contrast.
🌈 Generate the nearest accessible color
some filters for imagedata of canvas context2d
A Chrome, Firefox, Opera and Edge extension to increase contrast, decrase brightness and invert color of websites
JavaScript for adding additional css stylesheet on button click
Add a description, image, and links to the contrast topic page so that developers can more easily learn about it.
To associate your repository with the contrast topic, visit your repo's landing page and select "manage topics."