Contrast ratio
Contrast ratio lets you calculate contrast after alpha compositing and report WCAG thresholds in your browser.
Color converter
Color converter lets you convert HEX, RGB, HSL, and alpha values with a color preview in your browser.
Color converter
⌂ Inputs and results stay in this browser and are not automatically stored or sent.
Waiting for input
● Live previewInput & settings
Output
Waiting for input
Complete text result
How to use
Enter a supported HEX, RGB, or HSL color, inspect opacity and the preview, then copy the required representation.
Background and opacity affect appearance. To assess text readability, compare the actual foreground and background in the contrast tool.
Examples
#4F46E5Principles and limits
Each input is limited to 1,048,576 bytes, output to 33,554,432 bytes, and processing to 5,000 ms. Input is never silently truncated.
Guides
Related tools
CSS gradient generator
CSS gradient generator lets you generate and preview linear-gradient CSS from an angle and two colors in your browser.