モノクロパレットを瞬時に
色を入力すると、明るい階調と暗い階調を均等なスケールで取得。スウォッチをクリックでHEXコードをコピー。
-
色を選ぶ
ピッカーかHEXで。
-
スケールを見る
最も明るい〜最も暗い。
-
コードをコピー
スウォッチをクリック。
スケールの構成
| 種類 | 混色 | 効果 |
|---|---|---|
| 明色 | 白と混合 | より明るい |
| ベース | #7C3AED | 元の色 |
| 暗色 | 黒と混合 | より暗い |
11段階(明色5+ベース+暗色5)。単純なRGB計算、すべてローカル。ベース色は枠付きです。
よくある質問
tint と shade の違いは?
tint(明色)は白を混ぜた色で明るくなり、shade(暗色)は黒を混ぜた色で暗くなります。両者でモノクロのスケールを作ります。
値はどう計算する?
明るくするには各RGBチャンネルを255(白)へ、暗くするには0(黒)へ、割合で近づけます。単純で予測可能、均等な段階に最適。
このスケールの用途は?
デザインシステムでブランド色の派生を作るため:ホバー、無効状態、背景、枠線。1つのベース色相を保つことで視覚的一貫性が出ます。
コードを取得できる?
はい。各スウォッチはHEXコードを表示し、ワンクリックでコピー。HEX値を直接入力したり、カラーピッカーを使うこともできます。