Contrastly — Tailwind CSS対応・OSSコントラストチェッカー

分断されていた確認作業を一つの画面に集約

Tailwind CSSの色を調べ、HEX値へ変換し、別のツールでコントラストを確認する流れを、色の選択からWCAG判定まで一つの画面で進められるようにしました。

UIの色とセマンティックカラーの判断を支援

Tailwind CSSのカラーパレットとカスタムHEXに対応し、前景色と背景色の組み合わせを比較しながら、UIやセマンティックカラートークンの判断に利用できる構成にしました。

ツール自体のアクセシビリティを考慮

セマンティックHTML、キーボード操作、モーション軽減、スクリーンリーダーの利用を考慮してUIを設計・実装しました。

公開から1年後にOSS化

2025年7月の公開後も保守を続け、2026年7月にコードを整理してSola StudioのOSSとして公開しました。IssueやPull Requestを通じて改善に参加できる形にしています。