カラーコンバーター

HEX、RGB、HSL、CMYK形式の間で色を変換します。カラーピッカー付きのライブプレビュー。

HEX

#3b82f6

RGB

rgb(59, 130, 246)

HSL

hsl(217, 91%, 60%)

CMYK

cmyk(76%, 47%, 0%, 4%)

カラーコンバーターの使い方

  1. 1HEX、RGB、HSL、またはCMYK形式で色の値を入力するか、カラーピッカーを使用します。
  2. 2他のすべての色形式は自動的に計算して表示されます。
  3. 3ライブスウォッチで選択した色をプレビューします。
  4. 4任意の色形式の値を1クリックでコピーします。
Zenovayアナリティクス

トラフィックを顧客に変える。

  • リアルタイムの訪問者トラッキング
  • プライバシーファースト、クッキーバナーなし
  • 2分でセットアップ
Zenovayを見る

よくある質問

どの色形式がサポートされていますか?
このツールはHEX、RGB、HSL、CMYK色形式をサポートしています。任意の形式で値を入力すると、他のすべての形式が自動的に更新されます。
カラーピッカーはどのように機能しますか?
ネイティブカラーピッカーは、オペレーティングシステムの組み込みカラーセレクターを使用します。また、HEXコードをテキストフィールドに直接入力することもできます。
CMYKの値がPhotoshopと異なる可能性があるのはなぜですか?
このツールは数学的変換を使用していますが、Photoshopはカラー管理にICCカラープロファイルを使用しています。異なるカラー管理アプローチのため、値はわずかに異なる場合があります。
これはウェブ開発に使用できますか?
はい。HEXおよびRGB値をCSS内で直接使用できます。HSL値はCSS hsl()関数で機能します。1クリックで任意の形式をコピーできます。
私のデータはローカルで処理されていますか?
はい、すべての色変換は数学的公式を使用してあなたのブラウザで完全に行われます。データはサーバーに送信されません。
このツールを携帯電話で使用できますか?
はい、カラーコンバーターはモダンなモバイルブラウザで機能します。ネイティブカラーピッカーはデバイスに適応し、任意の形式フィールドに値を直接入力できます。
ウェブサイト上で見た色を変換するにはどうしたらよいですか?
ブラウザの開発者ツールまたはカラーピッカー拡張機能を使用してHEXまたはRGB値をつかみ、このツールに貼り付けて、他のすべての形式の相当物を即座に表示します。