Miscellaneous color tools for the web developer.
-
Updated
Nov 22, 2017 - JavaScript
Miscellaneous color tools for the web developer.
Contrast Correct takes a static background color and a dynamic color and returns a modified version of the dynamic color that has had its contrast increased to be readable on the provided background color according to WCAG 2.1.
Accessibility library that calculates contrast ratios of colors as well as rates the contrast ratio against WCAG standards.
Take a set color palette and get contrast values for every possible combination – useful for finding safe color combinations with predefined colors and includes pass/fail scores for the WCAG accessibility guidelines.
A simple color contrast ratio checker that lives in your Windows system tray.
Image Segmentation and clustering on handbag images to find color attributes for Handbags
Rust-based CLI tool for calculating the contrast ratio between two colours
A contrast ratio calculator I made for iPad
🔳🔲 R package: check accessibility of color contrasts
Rainbow — Accessibility Contrast Tool for Text on Images
ac-colors is a reactive JavaScript color library that can freely convert between RGB, HSL, HEX, XYZ, LAB, LCHab, LUV, and LCHuv, as well as handle random color generation and contrast ratio calculation.
Learn about accessible button contrast then generate your own accessible button color palette
A simple web tool built using react that allows you to check the color contrast ratio between any two valid colors.
Colors' Contrast Ratio Checker
Demo site to show how to use serverless Rust with Netlify functions. Site builds an accessibility tool for checking contrast ratios for website theme colours.
Contrast.io calculates the contrast ratio between two colors following the Web Content Accessibility Guidelines (WCAG). It was the first project made at the Apple Developer Academy and, although the logic is working, **needs refactoring.**
For a given color, find a contrasting color (not optimal).
A Sketch plugin to show a pass/fail type contrast report.
Add a description, image, and links to the contrast-ratio topic page so that developers can more easily learn about it.
To associate your repository with the contrast-ratio topic, visit your repo's landing page and select "manage topics."