HEX を Tailwind に変換するツールです。CIEDE2000 で既定パレットの最も近いクラスを探します。v3 では #3B82F6 が blue-500。bg- などをコピーできます。
例
近い候補
Tailwind パレット全体
複数の色を一度に変換します。1 行ずつ、または #3B82F6, #FF573380 のようにカンマ区切り。「例を入れる」で 3 行入り、下に表が出ます。
HEX を Tailwind に変換するツールです。CIEDE2000 で既定パレットの最も近いクラスを探します。v3 では #3B82F6 が blue-500 です。
ΔE ≤ 1 は実質同一。ΔE ≤ 2 は UI 向き。ΔE ≤ 5 は背景向き。それ以上は bg-[#hex] で正確な色を残します。
デフォルトパレットのみ（slate〜rose、50–950、黒と白）。カスタムテーマは含みません。コントラストは Color Converter。関連：HEX to RGB。
モックの HEX をクラスにする、ブランド色の近い色を探す、v3 と v4 を比較する。
両方です。初期値は v4。古い HEX パレットなら v3 にします。同じ HEX でもクラス名が変わることがあります。
ΔE が小さい方。同点ならパレット順です。
bg-[#1D9BF0] のような任意値をコピーします。