APCA Contrast Calculator
apcacontrast.comCompare text contrast with its size, weight and colour direction in view.
Compare text contrast with its size, weight and colour direction in view.
Adjust text and background colours while checking their contrast.
Sample a foreground and background pair and copy its contrast report.
Find replacement colours that meet a chosen contrast target.
Share a colour pair with its WCAG text-contrast result.
Adjust CSS colour pairs and inspect their changing contrast ratio.
Check text and interface contrast with transparency and lightness controls.
Choose numbered shades whose separation indicates minimum contrast.
Check colour pairs, sample an image and collect results for a PDF.
Adjust CSS colours and calculate contrast with focused JavaScript functions.
Build interface colour scales with shade curves and contrast targets.
See how a colour pair performs for different text sizes.
Compare colour pairs interactively or check a complete palette in code.
Shape a complete interface palette while checking colour-pair contrast.
Generate interface themes from target contrast ratios and colour scales.
Filter decentralized-exchange pairs by activity and liquidity
View text contrast through different vision and lighting simulations.
Multilingual retail and custom type with script labels and full-family trials.
Extract image colours and document their roles in a shareable brand guide.
Connect browser colour picking with shareable palettes and scales.
Compare a text and background pair with editable colour values.
Spot and contract markets with trigger and linked order controls
Adds a global query view, high availability, and long-term storage to Prometheus deployments.
Build compound units instead of choosing only fixed conversion pairs