Advanced Color Contrast Matrix – Test All Pairs in Palette
Paste a list of hex colors and see a grid showing the contrast ratio for every combination. Instantly identifies which pairs pass WCAG AA/AAA.
UD5 Toolkit
Paste a list of hex colors and see a grid showing the contrast ratio for every combination. Instantly identifies which pairs pass WCAG AA/AAA.
Type text and set a gradient, then check contrast against a solid background. Ensure readability.
Checklist for plein air painting gear based on medium (oil, watercolor, etc.). Don't forget anything.
Paste hex colors, generate a contrast matrix against each other. Identify failing pairs for WCAG.
See a clip of a famous artwork and choose the correct title. Art history fun. Local images.
Upload an image and see a rough simulation of how it might look when printed. Highlights areas that may lose detail.
Enter a URL and fetch its text/background colors to perform a bulk contrast check. See warnings for WCAG violations.
See how a full paragraph looks with your chosen text and background colors. Not just a ratio; the real appearance.
Check the Accessible Perceptual Contrast Algorithm (APCA) ratio. The next‑generation contrast method for WCAG 3.
Chain multiple CSS filter functions and see the result on an image. Copy the filter string. No upload.
Enter foreground and background colors to instantly see the contrast ratio and pass/fail for AA and AAA. Simple and fast.
Pick a base color and generate a 10‑step scale where each step meets a specific contrast ratio against white or black. Export as CSS custom properties.
Paste body text and test different font/background combos. See an actual passage rendered, not just a ratio. True feel for legibility.
Paste a list of foreground/background color pairs and instantly see which pass AA/AAA. Perfect for checking entire style guides.
Quickly adjust the brightness and contrast of an image with live preview sliders. Download the tuned photo. Canvas.
Automatically improve the contrast of dark or washed‑out photos using histogram equalization. One‑click auto‑tune. All canvas‑based.
Enter a text color and background color and instantly see if the combination passes WCAG AA and AAA ratio. Safe colors.
Enter a palette of colors and see a grid showing whether each foreground/background pair passes AA or AAA contrast. Must for designers.
Given a background color, this tool suggests foreground colors that meet AA/AAA contrast ratios. Works for all vision types.
Apply a tilt-shift effect to make a real scene look like a miniature model. Control blur gradient. All in browser.
Mix two or more colors using subtractive (CMYK‑like) blending. See what happens when you combine real paints. Brush effect canvas.