DesignCapture - CSS & Web Font キャプチャター

About

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をブラウザに追加して、デザイン収集を自動化しましょう。