# 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年版SNS画像サイズ一覧。

## 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.