Color PickersLive

スクリーンカラーピッカー

無料の Screen Color Picker を使用すると、ブラウザで即座に色を操作できます。アップロードもサインアップも必要ありません。完全なプライバシーを確保するために、すべてが 100% クライアント側で実行されます。

ライブカラースタジオ

ブラウザで実行 - 何もアップロードされません

ライブ

すぐに結果が得られる
サインアップなし
ライブプレビュー

Screen color picking uses the EyeDropper API when available. Use the Advanced Color Picker for full features.

色を選択してください

#5A8A3A

HEX

#5a8a3a

RGB

rgb(90, 138, 58)

HSL

hsl(96, 41%, 38%)

HSV

hsv(96, 58%, 54%)

CMYK

cmyk(35%, 0%, 58%, 46%)

Guide & reference

Quick answer

スクリーンカラーピッカー — 無料の Screen Color Picker を使用すると、ブラウザで即座に色を操作できます。アップロードもサインアップも必要ありません。完全なプライバシーを確保するために、すべてが 100% クライアント側で実行されます。

How to use

色を入力してください: カラー値を入力するか、カラーピッカーを使用します。
結果を見る: ライブプレビューとすべての形式の変換を確認します。
コピーまたはエクスポート: クリップボードにコピーするか、好みの形式でダウンロードします。

Common use cases

CSS およびデザインシステム用に色を変換する Web 開発者。
デザイナーは、アクセスしやすく調和のとれたカラーパレットを構築します。
色彩理論と色空間変換を学ぶ学生。

Common questions

スクリーンカラーピッカーは無料ですか?: はい、Screen Color Picker は完全に無料で、サインアップは必要ありません。
私の色はサーバーにアップロードされますか?: いいえ。すべての処理はブラウザ内でローカルに行われます。色や画像がデバイスから離れることはありません。
スクリーンカラーピッカーはどのような形式をサポートしていますか?: ツールに応じて、HEX、RGB、HSL、HSV、CMYK、LAB、XYZ、CSS、Tailwind、JSON、Flutter、およびマテリアルのエクスポート。

仕組み

色を入力してください

カラー値を入力するか、カラーピッカーを使用します。

結果を見る

ライブプレビューとすべての形式の変換を確認します。

コピーまたはエクスポート

クリップボードにコピーするか、好みの形式でダウンロードします。

よくある質問

スクリーンカラーピッカーは無料ですか?

はい、Screen Color Picker は完全に無料で、サインアップは必要ありません。

私の色はサーバーにアップロードされますか?

いいえ。すべての処理はブラウザ内でローカルに行われます。色や画像がデバイスから離れることはありません。

スクリーンカラーピッカーはどのような形式をサポートしていますか?

ツールに応じて、HEX、RGB、HSL、HSV、CMYK、LAB、XYZ、CSS、Tailwind、JSON、Flutter、およびマテリアルのエクスポート。

スクリーンカラーピッカー

Quick answer

はじめに

仕組み

仕組み

利点

一般的な使用例

よくある質問