画像とデザインツール

カラー暗化

HEXまたはRGB/RGBAを入力し、暗くする割合を選びます。線形光sRGBでチャンネルを縮小します。

ブラウザ内で処理登録不要プライバシーの説明 ↗

線形光 sRGB のチャンネルを縮小し、透明度を維持します。

使い方

使い方

  1. HEXまたはRGB/RGBAを入力します。
  2. 暗化割合を0%〜100%で選びます。
  3. 結果のHEXとRGB/RGBAをコピーします。

線形光RGBの意味

入力はsRGBとして解釈します。各RGBチャンネルを線形光にし、(1 − 割合 / 100)倍してsRGBに戻し、8ビットに丸めます。ガンマ符号化された数値を物理的な光量として扱いません。

入力と出力形式

#RGB、#RGBA、#RRGGBB、#RRGGBBAA、rgb()、rgba()、コンマ区切りRGBを受け付けます。チャンネルは0〜255です。出力は大文字HEXとRGBまたはRGBA関数です。

割合とアルファ

スライダーは0〜100%です。0%ではRGBを維持し、100%では黒になります。解析したアルファは暗化しません。HEXでは8ビットに丸め、RGBAでは小数3桁まで表示します。

よくある質問

あわせて知りたいこと

HSLの明度を使いますか?

いいえ。割合が光量として意味を持つよう線形光sRGBのチャンネルを縮小します。

透明度はどうなりますか?

アルファに暗化割合は掛けません。HEXは8ビットに丸め、RGBAは小数3桁まで表示します。

RGB値を入力できますか?

はい。rgb(r, g, b)、rgba(r, g, b, a)、または102, 153, 204などを使えます。