グレースケール変換
HEX、RGB、HSV、HSLで指定した色を、HSL方式でグレースケールに変換します。ブラウザ内で完結し、結果はコピー可能. 処理はブラウザ内でローカルに行われます。
使ってみる
グレースケール変換の機能と使い方
このツールは、画像ファイルではなく、単一の色値をグレースケールに変換します。例えば、純粋な赤(#FF0000)を入力すると、HSLの明度は50%のため、彩度をゼロにすると#808080(中間のグレー)が出力されます。これは、RGBの平均や輝度の重み付けではなく、HSLの彩度をゼロにする方式です。
実際の操作とパラメータ
色の選択は、HEX、RGB、HSV、HSLの各フィールドとカラーピッカーで行えます。変換処理では、RGBをHSLに変換し、彩度を0に設定してからRGBに戻します。このとき、HSLの明度は整数パーセントに丸められるため、結果がRGBの最小値と最大値の正確な中間点とわずかに異なる場合があります。
結果の編集と制限
変換後のパネルは手動で編集可能です。編集して彩度を加えると、色はグレーでなくなります。「クリア」ボタンで初期状態に戻り、結果も消去されます。色の値はコピー可能です。
この操作はブラウザ内で完結し、アルファチャンネルは保持されません。また、ディザリングや、知覚的な明るさの等価性、アクセシブルなコントラストの保証はありません。
チェックリスト
- 変換したい色を正確に入力しましたか?
- 結果のグレーが意図した明るさか確認しましたか?
- 結果をコピーして利用しましたか?
よくある質問
Q1: このツールは画像をグレースケールに変換できますか?
いいえ、このツールは単一の色値のみを変換します。画像ファイルの変換には対応していません。
Q2: 変換結果が#808080にならないのはなぜですか?
HSLの明度は整数パーセントに丸められるため、結果がRGBの最小値と最大値の正確な中間点と異なる場合があります。例えば、#FF0000の場合は#808080になりますが、他の色ではわずかにずれることがあります。
Q3: 変換後に色を編集できますか?
はい、結果パネルは手動で編集可能です。ただし、彩度を加えるとグレーではなくなります。
処理はブラウザ内でローカルに行われます。