色を暗くする
HEX、RGB、HSV、HSL対応の色を暗くするツール。割合を指定して黒にブレンドし、結果をコピーできます. 処理はブラウザ内でローカルに行われます。
使ってみる
機能と使い方の例
このツールは、単一の色を暗くするために設計されています。例えば、白(#FFFFFF)を50%暗くすると、結果は#808080になります。0%では元の色がそのまま出力され、100%では完全な黒(#000000)になります。
処理はブラウザ内で完結し、色はRGBチャンネルごとに計算されます。各チャンネルの値は、元の値に(1 - 割合/100)を掛けて、バイト単位に丸められます。これはHSLの明度を減らすのではなく、直接RGBを黒にブレンドする方式です。
制限事項
- 画像を暗くするツールではなく、単一の色のみを対象としています。
- 透明度は保持されません。
- コントラスト比やアクセシビリティの検証は行いません。
よくある質問
Q1: 暗くする割合を0%にするとどうなりますか?
0%の場合、元の色がそのまま出力されます。つまり、変更は加えられません。
Q2: 100%にするとどうなりますか?
100%にすると、すべての色が完全な黒(#000000)になります。
Q3: 出力された色を編集できますか?
はい、出力パネルで色を直接編集できます。また、クリアボタンでリセットすることも可能です。
チェックリスト
- ベースカラーを選択する
- 暗くする割合を設定する
- 実行して結果を確認する
- 必要に応じて出力を編集する
- 色の値をコピーして利用する
処理はブラウザ内でローカルに行われます。