Three ways in, depending on what you already know. Each one ends with colors you can use, not just a verdict.
Type or paste a color in any of thirteen spaces, and set how values are written back to you. Nothing is uploaded; everything is worked out on your own machine.
This tool processes the files and text you select inside your browser. It does not upload their contents to Azad University. Your original files remain unchanged unless you explicitly download a new result.
Modern Chrome, Edge, Firefox, and Safari are recommended. Very large files may be limited by the memory available to your browser and device.
You may type a color in any space whatever this is set to. It decides only how values are shown.
Each one has a swatch you can drag and a value you can type, in whichever space is set above.
The quick brown fox
Smaller text on the same background, which is the harder case.
Text color — · contrast — to 1
Every one of these clears AA for normal text on your background. Click any to make it the text color and see it in the card above.
The quick brown fox
Smaller text on the suggested background.
Background — · contrast — to 1
Every one of these clears AA for normal text with your color on top. Click any to try it as the background.
The quick brown fox
Smaller text in the pair you gave.
Contrast — to 1
Your text color stays exactly as it is.
Your background stays exactly as it is.
Nothing added yet
Press + on any color to gather it here. Use this when you want a set that works together rather than a single color: copy them all at once, or take them as CSS variables ready to paste. Values follow the space set on the left.
| Space | Value |
|---|
Every one of these reads back as the same color it came from.
—