概要
Webページのトーン&マナー（色・タイポグラフィ・スペーシング）を可視化するツール
Webページのトーン＆マナーを、ワンクリックで自動解析するChrome拡張機能です。 ■ できること ・カラーパレット抽出 — 背景色・文字色・ボーダー色をカテゴリ別に整理。色コードをワンクリックでコピー ・フォント解析 — 使用フォント、サイズ、ウェイトを一覧表示。Google Fonts / Adobe Fonts / システムフォントを自動判別 ・スペーシング分析 — margin / padding の使用パターンを可視化 ・グラデーション検出 — linear / radial / conic グラデーションをプレビュー付きで表示 ・装飾解析 — border-radius、box-shadow のパターンを収集 ・コンテンツ幅 — width / max-width の設定パターンを検出 ・WCAGコントラストチェック — 背景色と文字色の組み合わせをアクセシビリティ基準で評価 ・トーン自動分類 — ミニマル / ポップ / コーポレート / ダーク等、サイトの印象を自動判定 ・2サイト比較 — 異なるサイトのスタイルを並べて比較 ■ こんな方におすすめ ・Webデザイナー：参考サイトのスタイルを効率的に分析したい ・ディレクター：デザインの意図やトーンを言語化したい ・コーダー：既存サイトのCSS設計を素早く把握したい ・デザイン学習中の方：プロのサイトがどんなスタイルで構成されているか知りたい ■ プライバシー すべての解析処理はブラウザ内で完結します。データの外部送信は一切ありません。
詳細
- バージョン1.0.0
- 更新:2026年2月27日
- 提供元hukkuu.87
- サイズ65.91KiB
- 言語日本語
- デベロッパー
メール
hukkuu.87@gmail.com - 非取引業者このデベロッパーは取引業者として申告していません。EU 加盟国の消費者とこのデベロッパーとの間に締結された契約には、消費者の権利が適用されません。
プライバシー
トンマナビジュアライザー から、お客様のデータの収集と使用に関する以下の情報が開示されています。 詳しくは、デベロッパーの privacy policy をご確認ください。
トンマナビジュアライザー は次を扱います。
このデベロッパーは、お客様のデータについて以下を宣言しています
- 承認されている以外の用途で第三者に販売しないこと
- アイテムの中心機能と関係のない目的で使用または転送しないこと
- 信用力を判断する目的または融資目的で使用または転送しないこと
