名前付きカラーファインダー

名前付きカラーファインダーについて

ネームドカラー検索は、シンプルな疑問に答えます。「この色は何という名前?」任意の色を入力または選択すると、ブラウザが理解する標準リストから、「steelblue」や「coral」といった最も近いCSSネームドカラーを、「sky-600」のような最も近いTailwindパレットのシェードとともに即座に返します。

マッチングは単純に数値的なものではなく知覚的であるため、提案される名前は単にRGB値が近いだけでなく、実際に入力色に見た目が似ています。差分インジケーターは、マッチが完全か、非常に近いか、あるいは近似的かを教えてくれるので、覚えやすい名前のためにどれだけ忠実性を犠牲にしているかがわかります。

検索は完全にブラウザ内で行われ、各結果にコピーボタンがあります。より読みやすいCSSを書いたり、任意のブランドカラーをTailwindスケールに合わせたり、写真から選んだ色が何と呼ばれるかを単に知りたい場合に便利です。

名前付きカラーファインダーの使い方

1. 色の値を入力するか、ピッカーで選択します。探索するには「ランダム」をクリックします。
2. 最も近いCSSネームドカラーと、入力値の隣に並んで表示される最も近いTailwindシェードを確認します。
3. 差分インジケーターを確認して、各マッチがどれだけ近いかを見ます。
4. 使いたい値の「コピー」をクリックします。

よくある質問