A SCSS function that returns a text color (black or white) based on the provided background color.
-
Updated
Nov 20, 2023 - SCSS
A SCSS function that returns a text color (black or white) based on the provided background color.
A colour contrast checker where you can check your app's colour theme in one click!
Color contrast tool for WCAG 3 APCA compliance
Color Contrast Checker - An accessibility checker tool for validating the color contrast based on WCAG 2.0 and WCAG 2.1 standards.
Color Contrast Checker
Check your color palette for accessible combinations
Discover the perfect color contrast for your website with my user-friendly Color Contrast Checker tool. Improve accessibility, enhance readability, and ensure your design complies with WCAG standards for a seamless user experience.
Contrast checking in vanilla js (and jQuery)
A color contrast control for use with the WordPress Customizer.
Make sure your colors pass accessibility standards with this handy tool.
Command line tool to check the contrast between two colours against WCAG standards
Checks the color contrast of your color design based on Web Content Accessibility Guidelines (WCAG)
♿️ A color checker contrast built with React and TypeScript.
Accessibility assistant for all your basic needs. Serves as a linter for compliant color contrast and type based on WCAG 2.1. Thanks to Ale Muñoz for his support and docs!
A Sketch plugin that let’s you test an entire color palette against the WCAG 2.0 contrast guidelines.
Sketch Plugin to check and adjust color contrast accessibility with live preview and sliders. Endorsed by Sketch.
Inspect the contrast in color combinations, making sure to comply with the accessibility guidelines established by WCAG.
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.
Add a description, image, and links to the color-contrast-checker topic page so that developers can more easily learn about it.
To associate your repository with the color-contrast-checker topic, visit your repo's landing page and select "manage topics."