Style Inspector

Alt+クリックでフォントと色を調査できるツールです。

As of June 2026, Style Inspector has 1 users in the Productivity category.

Usersno change0%
1
1
Ratingno change0%
— reviews
Reviewsno change0%
Version
1.0.1
Manifest V3

History

2 snapshots

Tracking since Apr 16, 2026.

1.011610.9884Apr 16, 2026Jun 9, 2026
View as table
DateUsersRatingReviewsVersion
Apr 16, 202611.0.1
Apr 26, 202611.0.1
Now11.0.1

Permissions & access

Permissions
storage
Host access
None declared

Screenshots

Style Inspector screenshot 1

About

## 概要

**Style Inspector** は、Web ページ上の任意の要素を
**Alt + クリック**するだけで以下の情報を取得できる Chrome 拡張です。

-  色コード(HEX / RGB / HSL)
-  フォント情報(font-family / font-size / font-weight)
-  取得元の区別(text / EyeDropper / fallback)
-  赤枠ハイライトで対象が一目でわかる

Web デザインの調査・UI チェック・色合わせなどに最適です。

##  機能一覧

### 1. テキストのスタイルを取得
テキストを **Alt + クリック**すると、その文字の

- フォント名(1つ目)
- サイズ
- ウェイト
- 文字色(HEX / RGB / HSL)

が右下に表示されます。

表示例:
S: text
F: Noto Sans JP / 16px / 500
C: #333333 rgb(51, 51, 51)
hsl(0, 0%, 20%)

### 2. 画像・動画・背景色などの色取得
テキストでない要素を **Alt + クリック**すると、
Chrome の **EyeDropper** が起動し、画面上の任意のピクセルの色を取得できます。

S: EyeDropper
C: #e91e63 rgb(233, 30, 99)
hsl(340, 82%, 52%)

### 3. 赤枠ハイライト
Alt + クリックした要素には **赤枠のアウトライン** を付け、
どの要素を検査したかを即座に判別できます。

### 4. コンパクトな情報パネル
画面右下に **小さな黒いパネル**が表示されます。
検査モード OFF のときは自動で非表示になります。

Technical

Version
1.0.1
Manifest
V3
Size
10.4KiB
Min Chrome
88
Languages
1
Featured
No

Metadata

ID
pcaffpogaamomlfpnlfmjopdehjemmco
Developer ID
u94d376dbec9bbe89e479e78138295d9d
Developer Email
[email protected]
Created
Jan 5, 2026
Last Updated (Store)
Jan 5, 2026
Last Scraped
Jun 9, 2026
Website
Support URL
Privacy Policy

Similar extensions

Alternatives to Style Inspector, ranked by description similarity.

Data sourced from the Chrome Web Store · last verified Jun 9, 2026.