Home / Chrome extensions / Developer Tools / DesignCapture - CSS & Web Font キャプチャター
DesignCapture - CSS & Web Font キャプチャター
by recklessra100 ·
Developer Tools
Manifest V3 Free
閲覧中のWebページからカラーパレットと使用フォントを瞬時に抽出し、クリップボードにコピーします。
Rating
0.0 / 5
unchanged in 30 days
Store rank
#310K
#248K among extensions
Version
1.0.0
updated 16 Apr 2026
Users monthly, 6 months 0 2 4 Apr 2026 Aug 2026 Oct 2026 Latest, 15 Oct 2026: 3 users Move the mouse over the chart for any month
Ratings count monthly, 6 months 0 0 1 Apr 2026 Aug 2026 Oct 2026 Latest, 15 Oct 2026: 0 ratings Move the mouse over the chart for any month
The Chrome Web Store rounds user counts down to the leading digit, so the user line moves in steps. The ratings count is exact and is the better signal of real adoption.
About DesignCapture - CSS & Web Font キャプチャター
DesignCaptureは、閲覧中のWebサイトから「カラーパレット」と「使用フォント」を瞬時に抽出し、ワンクリックでコピーできるデザイナー・エンジニア向けの超軽量キャプチャツールです。
🎉 主な機能
【1】カラーパレットの一括抽出
現在表示されているページで使用されている背景色やテキスト色を自動抽出し、美麗なスウォッチとして一覧表示します。クリックするだけでHEXコード(16進数)がクリップボードにコピーされます。
【2】Webフォントの抽出
ページ内で使用されている主要なfont-familyを抽出し、一覧化します。「CSSコピー」ボタンを押すだけで、そのままコーディングに使えるフォーマット(font-family: 'FontName', sans-serif;)でコピー可能です。
【3】邪魔にならないクリーンなUI
Stripeにインスパイアされた、モダンで洗練されたライトモードUIを採用。開発体験を損ないません。
🔐 プライバシーと安全性
私たちはユーザーのプライバシーを最優先に考えています。
・あなたの閲覧履歴や個人情報を外部サーバーに送信することは一切ありません。
・実行はすべてあなたのブラウザ(ローカル環境)内で完結します。
・不要なバックグラウンド処理は行わず、使いたい時だけ動く超軽量設計です。
🧑💻 こんな方におすすめ
・「このWebサイトの配色、綺麗だな。HEXコードを知りたいな」と思ったWebデザイナーの方
・「このサイトで使っているフォント名を知りたい」と思ったフロントエンドエンジニアの方
・開発時に即座にTailwindやCSSの設定値を作成したい方
洗練されたインスピレーションを、いまスグあなたのコードへ。DesignCaptureをブラウザに追加して、デザイン収集を自動化しましょう。
Read the full description
Growth
Window Users Change Ratings Rating
7 days 0 +0.0% 0 0.00 30 days −2 −40.0% 0 0.00 6 months +3 – 0 0.00
Version history 1 versions recorded
Permissions and risk
Minimal risk impact 0, likelihood 2
Permissions
activeTabscripting
Alternatives to DesignCapture - CSS & Web Font キャプチャター Extensions that rank for the same store searches or share the Developer Tools category, ordered by users