カラー＆アクセシビリティツールキット
画像・デザイン ローカルのみ
デザイントークン＆CSSテーマエディター
DTCG 2025.10 トークンワークスペースDTCGデザイントークンとCSSテーマをローカルで編集、解決、プレビュー、エクスポートします。
dtcg DTCG 2025.10 モード
トークン
18グループ
5モード
2参照
1ミス
0対比カップル
4トークンコース
color.background
解決価値
{
"colorSpace": "srgb",
"components": [
1,
1,
1
],
"alpha": 1
}直接参照
参照なし
地元のトークンを追加する
使い方
- 01
トークンシステムの輸入
オープン DTCG JSON、スタイル辞書 JSON または CSS カスタマイズ属性。
- 02
解決と予測
モードを編集し、参照を検証し、コントロール証拠を備えたセキュアなコンポーネントプレビューを提供します。
- 03
比較・輸出
折りたたみコースまたはタイプの変更を検討し、互換性のあるテーマアーティファクトを生成します。
よくある質問
DTCG 2025.10 は W3C 標準ですか?
これはデザイン・トークン・コミュニティ・グループ候補の推奨事項であり、W3Cの推定事項ではありません。
輸入価値はサイト全体に影響を与えるのか?
No. プレビューは有効なローカル値を使用し、任意のグローバルCSSを注入しません。
テーマはどのように表現されるのか。
ベース値と明確な地元モードオーバーラインが保存され、モード拡張は明らかに販売者特定です。
対照検査は各構成要素をカバーしていますか?
No. 発見可能なセマンティック色のカップルを評価する; チームはすべての実際の状態とコンテンツをテストする必要があります。
関連ツール
ほかの用途特化型ブラウザツールもお試しください。