トンマナビジュアライザー

About

Webページのトーン＆マナーを、ワンクリックで自動解析するChrome拡張機能です。

■ できること

・カラーパレット抽出 — 背景色・文字色・ボーダー色をカテゴリ別に整理。色コードをワンクリックでコピー
・フォント解析 — 使用フォント、サイズ、ウェイトを一覧表示。Google Fonts / Adobe Fonts / システムフォントを自動判別
・スペーシング分析 — margin / padding の使用パターンを可視化
・グラデーション検出 — linear / radial / conic グラデーションをプレビュー付きで表示
・装飾解析 — border-radius、box-shadow のパターンを収集
・コンテンツ幅 — width / max-width の設定パターンを検出
・WCAGコントラストチェック — 背景色と文字色の組み合わせをアクセシビリティ基準で評価
・トーン自動分類 — ミニマル / ポップ / コーポレート / ダーク等、サイトの印象を自動判定
・2サイト比較 — 異なるサイトのスタイルを並べて比較

■ こんな方におすすめ

・Webデザイナー：参考サイトのスタイルを効率的に分析したい
・ディレクター：デザインの意図やトーンを言語化したい
・コーダー：既存サイトのCSS設計を素早く把握したい
・デザイン学習中の方：プロのサイトがどんなスタイルで構成されているか知りたい

■ プライバシー

すべての解析処理はブラウザ内で完結します。データの外部送信は一切ありません。