Tailwindカラー近似検索

カラー

このツールは、指定したHEXカラーに最も近いTailwindの標準カラートークンを探します。

AI支援翻訳をレビュー中

このページはAIの支援で翻訳され、まだ専門家によるレビューを完了していません。重要な判断の前に、引用元をご確認ください。

概要

Tailwind CSSにはblue-500やred-700といったトークンを持つカラーパレットがあります。このツールはHEXカラーをそのパレットと比較し、最も近いトークンを提案します。

最も近い = Tailwindのサンプルカラーの中で最小のRGB距離

使い方

  1. 1HEXカラーを入力します。
  2. 2検索を実行します。
  3. 3最も近いTailwindのトークンを確認します。

参照表

Tailwindカラー近似検索 参照表
入力結果
サンプル最も近いTailwindのカラートークン

出典・基準

よくある質問

最も近い色はどのように計算されますか？

入力した色とTailwindパレットのRGBチャンネルの距離を比較し、距離が最も小さいトークンを返します。

データはサーバーに送信されますか？

いいえ。このツールはブラウザ内で動作し、データをサーバーに送信しません。

関連ツール