Aria: Accessible UI Tool

The essential color contrast checker for designers and engineers.

Aria calculates the contrast ratio between text and background colors in real time, letting you instantly verify compliance with WCAG 2.1 AA and AAA levels. Build designs that reach every user, including those with color vision differences — fast.

◆ Key Features

[Real-Time Contrast Check] Simply pick a foreground and background color to instantly calculate the contrast ratio. Check AA (4.5:1) and AAA (7:1) compliance at a glance. Supports standards for normal text, large text, and UI components.

[Intuitive Color Picker] Built-in HSV color picker lets you visually adjust hue, saturation, and brightness. Direct HEX code and RGB value input also supported. Fits right into your existing design workflow.

[Save & Manage Color Combinations] Save your favorite color pairs locally. Quickly recall the palettes you use repeatedly across projects to keep your workflow efficient.

[Multilingual Preview Text] Preview text in Japanese, English, and Korean to see how your design looks in context. Instantly check contrast as font size or weight changes.

[Full Light / Dark Mode Support] Syncs with system settings or switch manually. Verify accessibility for dark mode UIs — all in one app.

◆ Perfect For

• Web designers who need WCAG and accessibility compliance
• All creatives involved in UI and UX design
• Front-end engineers and mobile app developers
• Teams managing design systems and style guides
• Anyone who cares about designing for users with color vision differences

◆ Supported Languages

日本語 ／ English ／ 한국어

Design inclusively. Reach more people.