Color Palette & Contrast
Create a five-color starting palette and test a specific text/background contrast pair.
Local processing · No account · Input is not uploaded by this tool
How to use this tool
- Choose the relevant options. Set the operation, format or algorithm before running. The options above define how the result is interpreted.
- Enter data or load an example. Seed #126144; foreground #182627; background #ffffff.
- Run and inspect the feedback. Use the primary action, then read the status message. An error clears old output so it cannot be mistaken for a fresh result.
- Copy, download or start again. Copy and Download become available when a current nonempty result exists. Reset clears the text result; no input is stored by this site.
How it works
Two shades mix encoded RGB toward black; two tints mix toward white. The contrast calculation linearizes sRGB channels and applies the WCAG luminance formula.
The computation is performed by this page’s JavaScript after you choose Run. Input and results are kept in the current tab’s memory. There is no background submission, analytics event containing your input, or server-side conversion in this build.
Practical example
Use Load example to try the supported format, then change one value and run again. Comparing those two results is a quick way to understand what the operation changes and what it preserves. The linked guides below provide worked examples for the edge cases relevant to this utility.
Common mistakes
A readable swatch label does not approve that swatch for all text. Review actual font size, states and backgrounds.
Limits and unsupported tasks
Only opaque six-digit hex colors are accepted. RGB mixes are not perceptually uniform. Pairwise text checks do not certify full accessibility, gradients, images, transparency or every palette use.
Privacy and handling sensitive data
This operation uses only the three color strings entered in the form. It does not load an image, inspect another website or store a theme. Exporting CSS saves the generated values on your device. Copy and Download use your device. Browser extensions and hosting logs have separate boundaries, explained in the privacy policy.
Usage guides
Questions, answered
Does the Color Palette & Contrast upload my input?
No. The implementation processes it in your browser and does not submit it to a server. Ordinary page requests still reach the hosting service.
Why did Copy or Download become unavailable?
The input changed or validation failed, so the previous output was cleared. Run the tool again to create a current result.
Can I use this for every production workflow?
Only opaque six-digit hex colors are accepted. RGB mixes are not perceptually uniform. Pairwise text checks do not certify full accessibility, gradients, images, transparency or every palette use.