ColorPairLab6 entries
ColorPairLab Documentation
Get help with color inputs, the palette matrix, CSS and SVG exports, JSON imports and saved collections. Includes format examples and troubleshooting.
Find the input format, control or file workflow you need.
Supported Color Formats and Input Errors
Use HEX, comma-separated RGB or HSL, or a CSS named color. This guide shows the accepted forms and how to fix common input errors.
How to Use the Palette Contrast Matrix
Read the matrix by choosing a text row and a background column. Select their intersection to inspect the pair’s contrast results.
Export, Import and Back Up Color Palettes
Use CSS in your project, JSON to reopen a palette, and SVG for a color card. A collection backup keeps a copy of the palettes saved in this browser.
Contrast Ratio Rounding: Why 4.48:1 Fails AA
A rounded number makes a ratio easier to read. It cannot turn a value below the WCAG threshold into a pass.
WCAG Text Size and Contrast Thresholds
The size of the lettering decides whether a pair needs the normal- or large-text contrast threshold. Button padding and card size do not count.
CSS Color Names vs. Everyday Color Names
A CSS keyword identifies an exact color. A palette name or an everyday description may not. Here is how to keep the two clear.