画像カラーピッカーについて

概要

画像カラーピッカーは、画像、スクリーンショット、写真、デザインファイルから正確な色を選ぶことができる無料のオンラインツールです。画像をアップロードし、ピクセルレベルまでズームして、正確なHEX、RGB、HSL、HSV、OKLCH、CMYKの色値を抽出するためにクリックします。

機能

• 最大3200%ズームと9x9の拡大鏡で画像内の任意のピクセルから色を選ぶ
• ドミナント、ビブラント、ミュート、バランスモードで自動的にカラーパレットを抽出
• 選択した色と白または黒のテキスト間のWCAGコントラスト比を確認
• カラーティョリーの関係に基づいてハーモニックなカラーパレットを生成
• CSS、JSON、SVG、またはダウンロード可能なPNGカードに色をエクスポート
• HEX、RGB、HSL、HSV、OKLCH、CMYKを含む複数のカラーフォーマットをサポート

対象者

このツールは、画像から色を特定または抽出する必要があるすべての人のために設計されています。UIモックアップを作成するWebデザイナー、ブランドカラーを一致させる開発者、参照画像で作成するグラフィックデザイナー、カラーコンポジションを分析する写真家、「これは何色？」を知る必要があったすべての人が含まれます。

プライバシーバイデザイン

ツールは、後からの思考ではなく、基本要件としてプライバシーを含めて構築されました。アップロードするすべての画像は、HTML5 Canvas APIを使用してブラウザ内で完全に処理されます。画像がデバイスを離れることはありません。分析スクリプト、トラッキングCookie、ユーザーアカウント、サーバーサイド処理はありません。

仕組み

画像をアップロードすると、ブラウザのHTML5 Canvas要素に描画されます。ツールはJavaScript TypedArraysを使用してCanvasから直接ピクセルデータを読み取ります。すべての色変換、パレット抽出、コントラスト計算はブラウザ内でクライアントサイドで行われます。

目標

目標はシンプルです。プライバシーを尊重する高速で正確なカラーピッキングツールを提供することです。登録、ペイウォール、データ収集はありません。ページを開いて画像をアップロードし、色を選ぶだけです。