Description
Webページのトーン&マナーを、ワンクリックで自動解析するChrome拡張機能です。
■ できること
・カラーパレット抽出 — 背景色・文字色・ボーダー色をカテゴリ別に整理。色コードをワンクリックでコピー
・フォント解析 — 使用フォント、サイズ、ウェイトを一覧表示。Google Fonts / Adobe Fonts / システムフォントを自動判別
・スペーシング分析 — margin / padding の使用パターンを可視化
・グラデーション検出 — linear / radial / conic グラデーションをプレビュー付きで表示
・装飾解析 — border-radius、box-shadow のパターンを収集
・コンテンツ幅 — width / max-width の設定パターンを検出
・WCAGコントラストチェック — 背景色と文字色の組み合わせをアクセシビリティ基準で評価
・トーン自動分類 — ミニマル / ポップ / コーポレート / ダーク等、サイトの印象を自動判定
・2サイト比較 — 異なるサイトのスタイルを並べて比較
■ こんな方におすすめ
・Webデザイナー:参考サイトのスタイルを効率的に分析したい
・ディレクター:デザインの意図やトーンを言語化したい
・コーダー:既存サイトのCSS設計を素早く把握したい
・デザイン学習中の方:プロのサイトがどんなスタイルで構成されているか知りたい
■ プライバシー
すべての解析処理はブラウザ内で完結します。データの外部送信は一切ありません。
Reviews
Loading reviews...
Permissions (4)
Permissions
activeTabℹ Can access the current tab when you click the extension scriptingℹ Can inject scripts into web pages sidePanel tabsℹ Can see your open tabs and their URLs
Details
| Version | 1.0.0 |
| Updated | Feb 27, 2026 |
| Size | 65.91KiB |
| First Seen | Apr 1, 2026 |
Popular in developer
GoFullPage - Full Page Screen Capture
by GoFullPage
10M
★ 4.89
developer
10M
★ 4.89
developer
TouchEn PC보안 확장
by 라온시큐어
8M
★ 1.33
developer
8M
★ 1.33
developer
React Developer Tools
by Meta
5M
★ 3.95
developer
5M
★ 3.95
developer
Meta Pixel Helper
by Meta
4M
★ 3.91
developer
4M
★ 3.91
developer
ColorZilla
by colorzilla.com
4M
★ 4.59
developer
4M
★ 4.59
developer
Popular Extensions
Adobe Acrobat: PDF edit, convert, sign tools
by Adobe Inc.
331M
★ 4.40
workflow
331M
★ 4.40
workflow
AdBlock — block ads across the web
by AdBlock
63M
★ 4.48
workflow
63M
★ 4.48
workflow
迅雷下载支持
by Shenzhen Xunlei Network Technology Co., Ltd.
59M
★ 2.77
workflow
59M
★ 2.77
workflow
Grammarly: AI Writing Assistant and Grammar Checker App
by Grammarly
42M
★ 4.50
communication
42M
★ 4.50
communication
Adblock Plus - free ad blocker
by eyeo GmbH
41M
★ 4.39
workflow
41M
★ 4.39
workflow