画像・写真

色のシェード生成

ある色の明から暗までの濃淡を生成、コードをコピー可能。

  • 即時
  • 無料
  • プライベート(ローカル処理)
  • 登録不要
明るい階調
暗い階調

モノクロパレットを瞬時に

色を入力すると、明るい階調暗い階調を均等なスケールで取得。スウォッチをクリックでHEXコードをコピー。

  1. 色を選ぶ

    ピッカーかHEXで。

  2. スケールを見る

    最も明るい〜最も暗い。

  3. コードをコピー

    スウォッチをクリック。

スケールの構成

種類混色効果
明色白と混合より明るい
ベース#7C3AED元の色
暗色黒と混合より暗い

11段階(明色5+ベース+暗色5)。単純なRGB計算、すべてローカル。ベース色は枠付きです。

よくある質問

tint と shade の違いは?

tint(明色)は白を混ぜた色で明るくなり、shade(暗色)は黒を混ぜた色で暗くなります。両者でモノクロのスケールを作ります。

値はどう計算する?

明るくするには各RGBチャンネルを255(白)へ、暗くするには0(黒)へ、割合で近づけます。単純で予測可能、均等な段階に最適。

このスケールの用途は?

デザインシステムでブランド色の派生を作るため:ホバー、無効状態、背景、枠線。1つのベース色相を保つことで視覚的一貫性が出ます。

コードを取得できる?

はい。各スウォッチはHEXコードを表示し、ワンクリックでコピー。HEX値を直接入力したり、カラーピッカーを使うこともできます。