HSLで色を少し明るく・暗くする
この記事のポイント
- 色を入れる
- HSLを見る
- Lを変えて入れ直す
色コード変換 の結果のHSLで、最後の数字（L）が明るさです。
手順
- 色を入れる
- HSLを見る
- Lを変えて入れ直す
Lを上げると明るく、下げると暗くなります。
色コード変換（HEX・RGB・HSL）を使う（無料）
あわせて使えるツール
- 画像を白黒・セピアなどに加工する：画像を白黒・セピアにしたり、明るさを変えたりします。
- ファビコン（サイトのアイコン）を作る：1枚の画像から、ファビコン一式を作ります。
- 単位を換算する（長さ・重さ・面積・温度など）：長さ・重さ・面積・温度などを、すぐに換算します。
同じツールの、ほかの解説
Making a Color Lighter or Darker with HSL
Key points
- Enter a color
- See the HSL
- Change L and enter it again
In the HSL from Color Converter, the last number (L) is the lightness.
Steps
- Enter a color
- See the HSL
- Change L and enter it again
Raising L makes it lighter; lowering it makes it darker.
Use "Color Code Converter (HEX, RGB, HSL)" (free)
Tools that go well with this
- Apply Black-and-White, Sepia and Other Looks: Turn images black and white or sepia, or change brightness.
- Make a Favicon (Site Icon): Make a complete favicon set from one image.
- Unit Converter (Length, Weight, Area, Temperature and More): Convert length, weight, area, temperature and more instantly.