HTMLで画像のコントラストを調整する方法

1. CSSのfilterプロパティを使用する方法: CSSのfilterプロパティを使用すると、画像に対してさまざまなエフェクトを適用することができます。画像のコントラストを調整するには、filterプロパティのbrightness()関数を使用します。

   例:

   <style>
    .contrast-image {
      filter: brightness(150%);
    }
   </style>
   <img class="contrast-image" src="画像のURL" alt="画像の説明">

   上記の例では、filterプロパティのbrightness()関数に150%を指定しています。値が100%より大きい場合、画像のコントラストが増加します。値が100%より小さい場合、画像のコントラストが減少します。

2. CSSのフィルター効果を使用する方法: CSSのフィルター効果を使用すると、さまざまな画像処理効果を適用できます。画像のコントラストを調整するには、contrast()関数を使用します。

   例:

   <style>
    .contrast-image {
      filter: contrast(200%);
    }
   </style>
   <img class="contrast-image" src="画像のURL" alt="画像の説明">

   上記の例では、filterプロパティのcontrast()関数に200%を指定しています。値が100%より大きい場合、画像のコントラストが増加します。値が100%より小さい場合、画像のコントラストが減少します。

これらの方法を使用すると、HTMLで画像のコントラストを調整することができます。必要に応じて、適切な数値を指定してコントラストを調整してください。