Contrast checker
Calculate text and background ratio and compare it with WCAG AA thresholds for normal and large text.
Open tool ↗VIJERON / COLOR DESK
See the color. Read the decision.
Digital color and accessibility guides with two tools that show calculations, limits and context. Start with a HEX code, then test the text and background pairs you actually use.
#25194A
#5632A8
#9674DC
#D9CAFF
HEX → PAIR → RATIO
Test pairs, not isolated colors
A color can work on one background and fail on another. Record each color's role, the ratio of solid pairs, and non-color cues for important states.
02 / Tools
Two color workbenches
Codes and results are processed in your browser; values are not sent to a Vijeron server.
Five-color variations
Mix a base color with white and black at your chosen step, then inspect codes and ratios against white and black.
Open tool ↗03 / Guides
Eight guides from code to final review
Each guide offers a concrete example, a pitfall and primary standard references.
Read HEX codes and RGB channels
Understand the numbers before assigning colors to text, backgrounds or controls.
Read guide ↗Why relative luminance determines contrast
Text and background contrast uses relative luminance, not raw differences between HEX numbers.
Read guide ↗Distinguish normal and large text thresholds
WCAG AA has different thresholds for different text sizes; rounded display values do not decide a pass.
Read guide ↗Communicate meaning without color alone
Add text, shape or pattern when color conveys a state or instruction.
Read guide ↗Check input boundaries, icons and essential graphics
Non-text contrast concerns objects carrying information, rather than every decoration.
Read guide ↗Design a visible keyboard focus state
A palette does not end at the default state; keyboard navigation must remain visible.
Read guide ↗Build palettes by role, not swatch count
Choose surfaces, text, borders and accents, then test the actual touching pairs.
Read guide ↗Make a color review sheet before publishing
Record each color pair, its purpose, calculated result and visual review in one place.
Read guide ↗Articles, examples, tools and illustrations were made for Vijeron. Referenced organizations explain standards; they do not endorse this project.
Method & sources ↗