CSS の色指定から Tailwind へ
既知の hex は text-gray-900 などへ。未知は bg-[#1a2b3c]。
既定パレットと一致する色は text-gray-900 のようなトークンに収まります。ブランド色は一致しないことが多く、bg-[#1a2b3c] という任意値が安全です。近い色に丸めず、設定に独自トークンを登録しましょう。
ブランド hex
#111827 は gray-900 近くになりやすい。固有 hex は text-[#…] や bg-[#…] が多い。
不透明度
rgba と /opacity は /50 や bg-black/50。変換後にコントラスト確認。
テーマ変数
色が :root にあるなら、名前付きトークンを期待する前に値を解決する。
試す
.example { display: flex; gap: 1rem; padding: 1rem; }信頼メモ: 出力は視覚確認を。コンバーターは下書き用ヘルパーです。