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.
Check text and interface contrast with transparency and lightness controls.
Adjust CSS colours and calculate contrast with focused JavaScript functions.
Adjust CSS colour pairs and inspect their changing contrast ratio.
Build interface colour scales with shade curves and contrast targets.
Choose numbered shades whose separation indicates minimum contrast.
Compare a text and background pair with editable colour values.
Shape a complete interface palette while checking colour-pair contrast.
Generate interface themes from target contrast ratios and colour scales.
View text contrast through different vision and lighting simulations.
See how a colour pair performs for different text sizes.
Connect browser colour picking with shareable palettes and scales.
Check colour pairs, sample an image and collect results for a PDF.
Build, mask and reuse a colour grade inside Final Cut Pro.
Convert colour values and collect palettes for design or code.
Extract image colours and document their roles in a shareable brand guide.
Correct photo color through task-based workspaces
Look up colour values, compare shades and prepare interface palettes.
Find named colours, inspect hex values and explore related shades.
Inspect colour values and CSS examples, then browse community palettes.