色を暗く／明るく
スライダーで任意の色の明度を調整し、暗い色合いや明るい色合いを瞬時にプレビュー。全段階のストリップ付き。
結果
#3c83f6
段階
ベースの色を選び、スライダーをドラッグすると、色相と彩度はそのままにHSLの明度を調整して、色を暗くしたり明るくしたりできます。プリセット段階のストリップで全範囲を一目で確認でき、すべてブラウザ内で瞬時に計算されます。
使い方
- ベースの色を選ぶか入力します。
- スライダーを左にドラッグすると暗く、右にドラッグすると明るくなります。
- できあがった16進コードをコピーするか、下のストリップから段階を選びます。
よくある質問
- 色はどのように調整されますか？
- ツールは色をHSLに変換し、選んだ割合だけ明度の値を上下させてから、16進数に戻します。
- なぜ色相は変わらないのですか？
- 明度だけが変更されるため、基となる色系統（色相）と鮮やかさ（彩度）が保たれ、自然に見える色合いや薄い色になります。
- 複数の色合いを一度に取得できますか？
- はい。スライダーの下の段階ストリップには、-80%から+80%までの9つのプリセット調整が表示され、クリックして適用できます。