ホーム / カラーツール / 色を暗くする
無料オンラインツール

色を暗くする

HEX、RGB、HSV、HSL対応の色を暗くするツール。割合を指定して黒にブレンドし、結果をコピーできます. 処理はブラウザ内でローカルに行われます。

使ってみる

機能と使い方の例

このツールは、単一の色を暗くするために設計されています。例えば、白(#FFFFFF)を50%暗くすると、結果は#808080になります。0%では元の色がそのまま出力され、100%では完全な黒(#000000)になります。

処理はブラウザ内で完結し、色はRGBチャンネルごとに計算されます。各チャンネルの値は、元の値に(1 - 割合/100)を掛けて、バイト単位に丸められます。これはHSLの明度を減らすのではなく、直接RGBを黒にブレンドする方式です。

制限事項

  • 画像を暗くするツールではなく、単一の色のみを対象としています。
  • 透明度は保持されません。
  • コントラスト比やアクセシビリティの検証は行いません。

よくある質問

Q1: 暗くする割合を0%にするとどうなりますか?

0%の場合、元の色がそのまま出力されます。つまり、変更は加えられません。

Q2: 100%にするとどうなりますか?

100%にすると、すべての色が完全な黒(#000000)になります。

Q3: 出力された色を編集できますか?

はい、出力パネルで色を直接編集できます。また、クリアボタンでリセットすることも可能です。

チェックリスト

  • ベースカラーを選択する
  • 暗くする割合を設定する
  • 実行して結果を確認する
  • 必要に応じて出力を編集する
  • 色の値をコピーして利用する

処理はブラウザ内でローカルに行われます。