グラデーションのカラーパレット
最も暗い色から最も明るい色まで、均等な段階で変化するパレットです。CSSの`linear-gradient`やデザインシステムのカラースケールを作る出発点になります。
パレットの例
500#1B1B3A
400#3D348B
300#7678ED
200#B5B2F5
100#EDECFC
16進数コードをすぐにコピー
色の集まりではなく、段階として考える
ほかの配色と違い、この配色では順番が重要です。それぞれの色が両端の間の一段階になるため、トークン名（100、200、300…）を付けやすく、段階間のコントラスト差も予測しやすくなります。
そのままCSSで使う
CSS変数またはTailwind設定として書き出し、両端の色をグラデーションに、中間の色を背景、境界線、状態の表現に使います。LFColorsなら、どちらの形式もワンクリックで生成できます。
グラデーションのパレットを生成
無料・登録不要