FREE試供 · サンプル
無料サンプルでワークフローを試す。
CSS・JSON・Tailwind形式の、名前を持つ十二の伝統色。完全版パックに進む前に、デザインやフロントエンドのパイプラインを検証するのにお使いください。
ダウンロード · ~1 KBjapanese-colors-sample.css名前を持つ十二の伝統色のCSSカスタムプロパティ。↓ ダウンロードダウンロード · ~1 KBjapanese-colors-sample.tailwind.cjs十二のトークン名を持つTailwind v3/v4のテーマ部分。↓ ダウンロードダウンロード · ~3 KBjapanese-colors-sample.jsonJSONデータセットのプレビュー——漢字・かな・ローマ字・HEX・出典区分。↓ ダウンロード
サンプルでできること
- CSS変数を Next.js / Vite / プレーンHTML のプロジェクトに入れて命名を試す。
- JSONをデザインシステムツール・Figmaプラグイン・AIパイプラインに取り込む。
- Tailwind部分をサンドボックスで使い、名前空間付きトークンの方式を試す。
- 方法論ページの出典区分と比較する。
含まれるサンプル色
完全版パックが必要ですか？
デザイン書き出し——近日公開。
全色・Figma Variables・Procreate・ASE・DTCGトークン・AIプロンプトセットを備えた日本色彩図鑑の完全なリソースパックは制作中です。中国色彩図鑑のリソースパックを手がけた同じスタジオより。