色形式変換

アルファを保ちながら CSS の色を HEX、RGB、HSL の間で変換します。

入力を貼り付けるかファイルを選び、設定を調整して端末内で処理します。コピーやダウンロードの前に結果を確認してください。

HEX 3/4/6/8 桁、数値 RGB 0~255、彩度・明度 0~100% の HSL に対応します。CSS 色名、var()、Lab、CMYK、広色域プロファイルには対応しません。HSL は小数 2 桁に丸めるため、往復変換でわずかな差が出る場合があります。

使用方法

このツールでできることは?

アルファを保ちながら CSS の色を HEX、RGB、HSL の間で変換します。通常の CSS にコピーできるよう、sRGB の値を丸めて出力します。

色形式変換

アルファを保ちながら CSS の色を HEX、RGB、HSL の間で変換します。通常の CSS にコピーできるよう、sRGB の値を丸めて出力します。

使い方

  1. 入力を貼り付けるかファイルを選び、設定を調整して端末内で処理します。コピーやダウンロードの前に結果を確認してください。
  2. HEX は 3、4、6、8 桁、RGB は 0~255 です。HSL の彩度と明度は百分率、アルファは小数または百分率で指定できます。

設定の選び方

項目変更される内容
設定HEX は 3、4、6、8 桁、RGB は 0~255 です。HSL の彩度と明度は百分率、アルファは小数または百分率で指定できます。
制限HEX 3/4/6/8 桁、数値 RGB 0~255、彩度・明度 0~100% の HSL に対応します。CSS 色名、var()、Lab、CMYK、広色域プロファイルには対応しません。HSL は小数 2 桁に丸めるため、往復変換でわずかな差が出る場合があります。

入力例と期待される結果

#2563EB は RGB 37, 99, 235、HSL 約 221.21°、83.19%、53.33% です。コピーする値は CSS の構文に合わせています。

うまく動かないとき

  • 構文と値の範囲を確認してください。変数や色名は対応する明示的な値に置き換えてください。HSL から戻した際の小さな差は丸めによる場合があります。

形式と制限

HEX 3/4/6/8 桁、数値 RGB 0~255、彩度・明度 0~100% の HSL に対応します。CSS 色名、var()、Lab、CMYK、広色域プロファイルには対応しません。HSL は小数 2 桁に丸めるため、往復変換でわずかな差が出る場合があります。

よくある質問

このツールでできることは?

アルファを保ちながら CSS の色を HEX、RGB、HSL の間で変換します。通常の CSS にコピーできるよう、sRGB の値を丸めて出力します。

どの設定を選べばよいですか?

HEX は 3、4、6、8 桁、RGB は 0~255 です。HSL の彩度と明度は百分率、アルファは小数または百分率で指定できます。

制限はありますか?

HEX 3/4/6/8 桁、数値 RGB 0~255、彩度・明度 0~100% の HSL に対応します。CSS 色名、var()、Lab、CMYK、広色域プロファイルには対応しません。HSL は小数 2 桁に丸めるため、往復変換でわずかな差が出る場合があります。

処理に失敗するのはなぜですか?

構文と値の範囲を確認してください。変数や色名は対応する明示的な値に置き換えてください。HSL から戻した際の小さな差は丸めによる場合があります。

入力はアップロードや保存されますか?

いいえ。処理は端末内で行います。入力と結果は、クリアするかページを離れるまで、このページのメモリにだけ残ります。ToolRobinはアップロード、ログ記録、保存を行いません。コピーした結果は端末のクリップボードに入ります。