Tailwindシェード生成
ベース色を、Tailwind CSSのような50〜900のシェードスケールに変換します。
50
#f0f6fe
100
#e2ecfe
200
#bbd4fc
300
#8ab5f9
400
#5996f7
500
#2977f5
600
#0b5ee5
700
#094cb9
800
#073a8d
900
#052861
ベース色を選ぶと、Tailwindの設定にそのまま使える50〜900の完全なシェードスケールが得られます。各スウォッチはコピー可能です。
使い方
- ベース色を選びます
- 50〜900のシェードスケールを確認します
- 任意のシェードの16進コードをコピーします
よくある質問
- シェードはどのように作られますか？
- 色相と彩度を保ちつつ、各段階を目標の明度にマッピングします。
- どの段階が私の色に一致しますか？
- 500〜600の範囲が、一般的なベース色に最も近くなります。