パレットビジュアライザー — インターフェースで色をプレビュー
カラーパレットビジュアライザーは、パレットを汎用的なUIブロックに適用するブラウザツールです。
AI支援翻訳をレビュー中
このページはAIの支援で翻訳され、まだ専門家によるレビューを完了していません。重要な判断の前に、引用元をご確認ください。
概要
このツールはブラウザ上でカラーパレットやCSSパターンをすばやく生成してコピーでき、インターフェースの各コンポーネントに適用した見た目を確認できます。
パレット → UIブロックでのプレビュー
使い方
- 1カラー値を入力します。
- 2結果を確認します。
- 3必要に応じてコピーします。
参照表
| 入力 | 結果 |
|---|---|
| #3B82F6 | パレットを汎用的なUIブロックに適用して表示します |
出典・基準
- MDN Web Docs: Client-side web APIs - MDN Web Docs
よくある質問
データはサーバーに送信されますか？
いいえ。すべてブラウザ内で処理されます。
結果をそのままCSSで使えますか？
はい。システムでトークンが必要な場合は、プロジェクトのトークン名に置き換えてください。