Style Inspector のアイテムロゴ画像

Style Inspector

拡張機能ツール1 ユーザー
Style Inspector のアイテム メディア 1 のスクリーンショット

概要

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

## 概要 **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 のときは自動で非表示になります。

5 点満点で 0評価なし

結果とレビューについて、詳しくはこちらをご覧ください。

詳細

  • バージョン
    1.0.1
  • 更新:
    2026年1月5日
  • 提供元
    98
  • サイズ
    10.4KiB
  • 言語
    日本語
  • デベロッパー
    メール
    yuyaaa.1203@gmail.com
  • 非取引業者
    このデベロッパーは取引業者として申告していません。EU 加盟国の消費者とこのデベロッパーとの間に締結された契約には、消費者の権利が適用されません。

プライバシー

拡張機能を管理し、組織での使用状況を確認できます
デベロッパーは、お客様のデータを収集または使用しないことを表明しています。

このデベロッパーは、お客様のデータについて以下を宣言しています

  • 承認されている以外の用途で第三者に販売しないこと
  • アイテムの中心機能と関係のない目的で使用または転送しないこと
  • 信用力を判断する目的または融資目的で使用または転送しないこと

関連アイテム

フォントを検出

4.5

フォントを検出を発見して、フォントを迅速かつ簡単に特定しましょう。ブラウザでフォントとスタイル識別ツールを直接使用できます。

Serifio: Font & Colour Inspector

4.6

Identify fonts, copy colour codes and check WCAG contrast ratios. The essential tool for designers and developers.

Google Chrome™ 用フォント ファインダー

4.9

簡単に確認でき、ウェブサイトで使用されているフォント名を見つけることができます

Color Bookmarker (Your Ultimate Color Picker for Capturing Colors Anywhere)

5.0

Color Bookmarker is your essential tool for organizing and managing colors while browsing the web.

Font Detector – これは何のフォントですか？

5.0

Font Detectorは、ウェブページ上のフォントを瞬時に特定するのを助ける高速で無料のフォント検索ツールです。ここで使用されているフォントは何ですか？

フォント 特定 | What the font

4.9

使う フォント 特定 | What the font。気になる文字をクリックするだけでフォント 判別が簡単にでき、font search も素早く行えて便利。

ウェブインスペクタ

4.6

ウェブインスペクタツールを使用して、任意のページのCSSビューアおよびウェブサイトインスペクタとして利用できます。これは、Google Chromeの要素検査用のブラウザプラグインです。

SEO FontScope

5.0

Inspect SEO data, detect webpage fonts, and identify colors instantly with SEO FontScope. By Daniel Imad

DesignPicker - Color Picker & Font Detector

5.0

A smart developer tool that supports color picking and font detecting, making develop design easier.

フォント 検索

5.0

任意のウェブサイトで使用されているフォントをワンクリックで調べることができます。

Font Finder

4.8

これ font finder を使って ウェブサイト フォント 確認 を行い、また font detector としても使用できます。 Finder は 調べる のブラウザ拡張機能です。

What's That Color?

0.0

Advanced Eyedropper and Color Picker Tool

フォントを検出

4.5

フォントを検出を発見して、フォントを迅速かつ簡単に特定しましょう。ブラウザでフォントとスタイル識別ツールを直接使用できます。

Serifio: Font & Colour Inspector

4.6

Identify fonts, copy colour codes and check WCAG contrast ratios. The essential tool for designers and developers.

Google Chrome™ 用フォント ファインダー

4.9

簡単に確認でき、ウェブサイトで使用されているフォント名を見つけることができます

Color Bookmarker (Your Ultimate Color Picker for Capturing Colors Anywhere)

5.0

Color Bookmarker is your essential tool for organizing and managing colors while browsing the web.

Font Detector – これは何のフォントですか？

5.0

Font Detectorは、ウェブページ上のフォントを瞬時に特定するのを助ける高速で無料のフォント検索ツールです。ここで使用されているフォントは何ですか？

フォント 特定 | What the font

4.9

使う フォント 特定 | What the font。気になる文字をクリックするだけでフォント 判別が簡単にでき、font search も素早く行えて便利。

ウェブインスペクタ

4.6

ウェブインスペクタツールを使用して、任意のページのCSSビューアおよびウェブサイトインスペクタとして利用できます。これは、Google Chromeの要素検査用のブラウザプラグインです。

SEO FontScope

5.0

Inspect SEO data, detect webpage fonts, and identify colors instantly with SEO FontScope. By Daniel Imad

Google アプリ