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

Webページのトーン&マナー（色・タイポグラフィ・スペーシング）を可視化するツール

Webページのトーン＆マナーを、ワンクリックで自動解析するChrome拡張機能です。 ■ できること ・カラーパレット抽出 — 背景色・文字色・ボーダー色をカテゴリ別に整理。色コードをワンクリックでコピー ・フォント解析 — 使用フォント、サイズ、ウェイトを一覧表示。Google Fonts / Adobe Fonts / システムフォントを自動判別 ・スペーシング分析 — margin / padding の使用パターンを可視化 ・グラデーション検出 — linear / radial / conic グラデーションをプレビュー付きで表示 ・装飾解析 — border-radius、box-shadow のパターンを収集 ・コンテンツ幅 — width / max-width の設定パターンを検出 ・WCAGコントラストチェック — 背景色と文字色の組み合わせをアクセシビリティ基準で評価 ・トーン自動分類 — ミニマル / ポップ / コーポレート / ダーク等、サイトの印象を自動判定 ・2サイト比較 — 異なるサイトのスタイルを並べて比較 ■ こんな方におすすめ ・Webデザイナー：参考サイトのスタイルを効率的に分析したい ・ディレクター：デザインの意図やトーンを言語化したい ・コーダー：既存サイトのCSS設計を素早く把握したい ・デザイン学習中の方：プロのサイトがどんなスタイルで構成されているか知りたい ■ プライバシー すべての解析処理はブラウザ内で完結します。データの外部送信は一切ありません。