色を暗くする
HEX、RGB、HSV、HSL対応の色を暗くするツール。割合を指定して黒にブレンドし、結果をコピーできます。処理はブラウザ内でローカルに行われます。
使ってみる
色を暗くする
各RGBチャンネルを黒と混ぜ、最も近い整数に丸めます:round(チャンネル × (1 - 割合/100))。HSLの明度を引く方式ではなく、RGBの直接混合です。#3B82F6は20%で#2F68C5、50%で#1E417Bになります。白#FFFFFFは50%で#808080です。0%では元の色を維持し、100%では#000000になります。
元の色や割合を変更しても、生成操作を再実行するまでは既存の結果は再計算されません。生成後に結果パネルを編集すると、レポートの現在の結果がすぐ更新されます。レポートには生成時の元の色のHEX、使用した割合、現在の結果のHEXが含まれます。結果を編集しても、生成時の元の色と割合は書き換わりません。
色の成分は整数のRGBチャンネルに変換されます。テキスト欄は対応する不透明なHEX、RGB、HSL表記を受け付けます。HSVとHSLには個別の数値欄もあります。無効または未対応のテキストを確定すると、直前の有効な色に戻ります。不透明でないアルファ値、CSSの色名、8桁のHEXには対応しません。丸めにより色相や彩度がわずかに変わる場合があります。
このツールは単一の色をブラウザー内で処理します。画像のアップロードや暗色化、ファイルのダウンロード、コントラストやアクセシビリティの検証は行いません。コピーしたレポートを確認し、前景色と背景色のコントラストは別途検証してください。
処理はブラウザ内でローカルに行われます。