ピッカー

任意の色を選択すると、HEX、RGB、HSL 値が即座に取得されます。色合い、色合い、色の調和を探ってください。

カラー ツール · 100% クライアント側 · アップロードされたバイト数は 0
Advertisement (728x90)
Click to pick a color
R
34
G
197
B
94
Ad Space (300x250)
Shades & Tints
Color Harmony

オンラインでカラーピッカーを使用する方法

ToolsPix カラーピッカー 任意の色を選択し、それを HEX、RGB、HSL、HSV、CSS 形式に即座に変換できます。ソフトウェアをインストールしたり、アカウントを作成したり、サーバーにファイルをアップロードしたりする必要はありません。

ToolsPix カラーピッカーを使用する理由?

  • 完全に無料で、使用制限やいかなる種類の上限もありません。
  • すべての色処理はブラウザ内でローカルに実行されます。選択した色がデバイスから離れることはありません。
  • 最新のブラウザを備えたデスクトップ、タブレット、スマートフォンなど、あらゆるデバイスで動作します。
  • 色合い、色合い、および色の調和 (補色、三値色、類似色) を自動的に生成します。
  • 透かしも登録も追跡もありません。

色を選択して変換する手順

カラー ストリップまたは 🎨 ボタンをクリックして、ブラウザのネイティブ カラー ピッカーを開きます。入力フィールドに HEX 値を直接入力するか、R、G、B スライダーをドラッグして色を混合することもできます。 HEX、RGB、HSL、HSV、CSS の値は即座に更新されます - クリック コピー 任意の形式の横にある をクリックしてクリップボードにコピーします。 [シェードと色] で任意のスウォッチをタップします。 [色合い] 行を使用して明るいまたは暗いバリエーションに移動するか、ハーモニー見本をクリックして補色または 3 色にジャンプします。ページが読み込まれると、ツールは完全にオフラインでも動作します。

よくある質問

このツールはどのようなカラーフォーマットをサポートしていますか?

このツールは、HEX (例: #22c55e)、RGB (赤、緑、青の値 0 ~ 255)、HSL (色相、彩度、明度)、HSV (色相、彩度、値)、および CSS カラー構文をサポートします。ワンクリックであらゆる形式をコピーできます。

HSLとHSVの違いは何ですか?

どちらも色相と彩度を使用します。 HSL は明度を使用し、常に 100% が白になります。 HSV は、100% が最大輝度での純粋な色である値を使用します。 HSV は Photoshop などのデザイン ソフトウェアでより一般的です。 CSS では HSL の方が一般的です。

色の調和を得るにはどうすればよいですか?

カラーハーモニーは、カラーホイール上の位置に基づいてうまく連携する色のセットです。補色は互いに反対(180°)にあります。 3 つの色は 120° で等間隔に配置されます。類似した色が隣接しています (±30°)。

色合いと色合いとは何ですか?

色合いは、色に黒を追加する(明度を下げる)ことによって作成されます。色合いは、白を追加する(明度を高める)ことによって作成されます。どちらも、一貫した手順でデザイン システム パレットを構築するのに役立ちます。

このカラーピッカーは無料で使用できますか?

はい、ToolsPix Color Picker は完全に無料で、アカウントは必要ありません。すべての色の変換とパレットの生成はブラウザーで実行され、データがデバイスの外に出ることはありません。

関連ツール