ColorScope - カラーピッカー

任意のウェブページから色を選択し、HEX/RGBとしてコピーし、美しいパレットを作成します。

ColorScope は、Webデザイナー、フロントエンド開発者、UI/UX担当者、マーケティングチームのためのプロ仕様のカラーピッカー（color picker）＆パレット管理ツールです。任意のWebページから色を取得し、あらゆる形式でコピーし、クリーンで一貫性のあるアクセシブルなカラーパレットを作成できます。すべてブラウザ内で、素早く、集中を妨げずに。 任意のページでアイコンをクリックし、スポイトで色を取得すると、すべての色の値、調和した配色、アクセシビリティチェックが即座に表示されます。複数のツールを行き来する必要はもうありません。 ━━━━━━━━━━━━━━━━━━━━━━━━ 無料 - 必要な機能すべて、アカウント不要 ━━━━━━━━━━━━━━━━━━━━━━━━ • 色の取得：高精度スポイト（EyeDropper API）またはキャンバスピッカーで、タブ内のどのWebページや画像からもピクセル単位で取得。 • あらゆる形式をワンクリックでコピー：HEX、RGB、HSL、HSV、OKLCH（モダンなCSSカラー表記）を個別に、または一括で。 • 濃淡（Tints & Shades）：各色の明るい・暗いバリエーションをすぐに確認。ホバー・アクティブ・無効状態に最適。 • WCAGコントラストチェッカー：文字色と背景色を比較し、正確なコントラスト比と、通常・大きい文字でAA／AAAを満たすかをライブプレビュー付きで確認。アクセシブルなデザインに最適。 • 色覚異常プレビュー：1型（赤）・2型（緑）・3型（青）の見え方で各色を確認し、読みにくい組み合わせを回避。 • 履歴：最近取得した10色にいつでもアクセス。 • お気に入り：よく使う色を最大5つ、名前付きで保存。 • パレット：色をまとめて、CSS変数またはHEXリストとしてワンクリックでコピー。プロジェクトにそのまま貼り付け可能。 • ページの色を抽出：ページの色を背景・文字・境界線ごとに分類してスキャン。 • ライト／ダーク／自動テーマ、10言語対応のインターフェース。 ━━━━━━━━━━━━━━━━━━━━━━━━ プレミアム - 7日間無料トライアル ━━━━━━━━━━━━━━━━━━━━━━━━ • 履歴を100枠に拡張、お気に入り無制限、パレット無制限 - 大規模プロジェクトや複数ブランドに最適。 • カラーハーモニー：任意の色から補色・トライアド・類似色の配色を古典的な色彩理論に基づいて自動生成。 • アクセシブルな色を提案：文字色がコントラストを満たさない場合、AAを満たす最も近い色調を見つけてワンクリックで適用。 • サイトをカスタマイズ：実際のWebページ上で文字・背景・境界線の色をライブで変更し、文脈の中で試し、完成したCSSをコピー。 • サイトの色を検出：ページで実際に使われているすべての色をスキャン - ブランドや競合の配色システムの分析に最適。 ━━━━━━━━━━━━━━━━━━━━━━━━ こんな用途に最適 ━━━━━━━━━━━━━━━━━━━━━━━━ • デザインシステムや一貫したブランドパレットの構築 • 公開前のアクセシビリティ（WCAG）チェック • 参考サイトやインスピレーションからの色の取得 • HEX/RGB/HSL/OKLCH の値を CSS、SCSS、デザインツールへ直接反映 • コードに触れずに実際のレイアウトで配色を試す ━━━━━━━━━━━━━━━━━━━━━━━━ 設計段階からプライバシー重視 ━━━━━━━━━━━━━━━━━━━━━━━━ • データ（履歴・お気に入り・パレット）は端末内に留まります。ColorScope はデータを販売せず、広告・第三者トラッカー・解析もありません。 • 拡張機能は色の値（computed style）のみを読み取り、コンテンツ・テキスト・個人データを読み取ることはありません。 ご質問・ご意見：mucahit@tandijital.com プライバシーポリシー：https://www.tandijital.com/projelerimiz/colorscope