コンテンツにスキップ
デザインとカラー

カラーコンバーター(HEX、RGB、HSL、HSV)

任意の色の値をコードが必要とする形式に変換します。

ブラウザで実行100%プライベートアップロードはありません
ツールを読み込み中…

このツールを共有する

必要な人に送ってください。

Xfin
完全なガイドを読む

カラーコンバーター について

hex コード、rgb() 値、または hsl() 値を貼り付けると、すべての一般的な表現に加えて、プレビュー見本と最も近い名前の CSS カラーが取得されます。デザイン ツールとスタイルシートの形式が一致しない場合に便利です。

使い方

  1. 1色を入力してくださいHEX、RGB、HSL、または HSV を入力または貼り付けます。パーサーは、短縮表現の 16 進値とパーセント値を受け入れます。
  2. 2すべてのフォーマットを読むこのツールは、hex、rgb()、rgba()、hsl()、hsla()、hsv、および相対輝度を表示します。
  3. 3必要な値をコピーします各フォーマットには独自のコピー ボタンがあるため、手動で再フォーマットする必要はありません。

なぜこの カラーコンバーター を使用するのでしょうか?

  • デバイスからは何も残らない. 作業はブラウザのタブで行われます。このアプリにはアップロード エンドポイントがないため、ファイルやテキストを保存したり、ログに記録したり、当社が閲覧したりすることはできません。
  • アップロードの待ち時間なし. サーバーへの往復を完全にスキップします。結果は、ネットワーク速度やキュー サイズではなく、ご使用の CPU によって制限されます。
  • 無料、アカウントなし、割り当てなし. サインアップの壁、ウォーターマーク、1 日あたりの制限はありません。オプションのアカウントは、デバイス間でお気に入りとプリセットを保存するためにのみ存在します。

よくある質問

私のカラー値はここで安全に使用できますか?

はい。このツールは、JavaScript を使用してブラウザ内で完全に実行されます。貼り付けたり開いたりした内容はサーバーに送信されず、ページを閉じた後もページのコピーは保持されません。

アカウントを作成する必要がありますか?

いいえ。すべてのツールはサインインしなくても完全に使用できます。アカウントは、保存されたお気に入りと再利用可能なプリセットを追加するだけです。

電話でも機能しますか?

はい。インターフェースはモバイルファーストで、大きなタッチターゲットと積み重ねられたレイアウトを備えているため、デスクトップだけでなく携帯電話やタブレットでも動作します。

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

どちらも彩度および明度/値を使用して色相を記述しますが、異なるカラーソリッドにマッピングされます。 CSS は HSL を使用します。 HSV はピッカーやグラフィック ソフトウェアで一般的です。

hex は透明性をサポートしていますか?

はい、8 桁の hex (#RRGGBBAA) として、最後のペアがアルファ チャネルです。古いブラウザをサポートするには、代わりに rgba() を使用してください。

ツールボックスの同じコーナーからさらに無料のユーティリティが入手できます。