# Design & Color Tools

> Check color contrast ratios for WCAG compliance, simulate color blindness, and calculate aspect ratios — free design helpers that run entirely in your browser.

## Tools in this collection

- [컬러 팔레트 + WCAG 검사기](https://www.teafun.cyou/tools/color-palette-wcag/) — 대비율을 확인하고 AA/AAA 준수 여부를 검사하고 팔레트 변형을 생성하고 CSS 또는 Tailwind v4 색상 토큰을 로컬로 내보내요.
- [색맹 검사](https://www.teafun.cyou/tools/colorblind/) — 게이머를 위해 최적화된 이시하라 색판으로 색각을 테스트해 보세요.
- [화면 비율 계산기](https://www.teafun.cyou/tools/aspect-ratio/) — 화면 비율을 즉시 계산하세요. 크기 변환, 누락된 치수 계산, 2025/2026 소셜 미디어 이미지 크기 참조.

## FAQ

### Which contrast ratio do I need to pass WCAG AA?

Normal text requires a 4.5:1 ratio; large text (18pt+ or 14pt bold) requires 3:1. The WCAG Color Contrast checker shows both thresholds and your pass/fail status instantly.

### How does the color blindness simulator work?

It applies standard daltonisation matrices to the input colors to approximate how they appear with different types of color vision deficiency — all computed locally in your browser.