Design System ToolsLive

デザイントークンジェネレーター

無料のデザイントークンジェネレーターを使用すると、ブラウザーで即座に色を操作できます。アップロードもサインアップも必要ありません。完全なプライバシーを確保するために、すべてが 100% クライアント側で実行されます。

ライブカラースタジオ

ブラウザで実行 - 何もアップロードされません

ライブ

プレビュー

Export

  --color-brand-1: #5a8a3a;
  --color-brand-2: #8B5CF6;
  --color-brand-3: #EC4899;
  --color-brand-4: #14B8A6;
  --color-brand-5: #F59E0B;

Guide & reference

Quick answer

デザイントークンジェネレーター — 無料のデザイントークンジェネレーターを使用すると、ブラウザーで即座に色を操作できます。アップロードもサインアップも必要ありません。完全なプライバシーを確保するために、すべてが 100% クライアント側で実行されます。

How to use

Common use cases

Common questions

デザイントークンジェネレーターは無料ですか?: はい、デザイントークンジェネレーターは完全に無料で、サインアップは必要ありません。
私の色はサーバーにアップロードされますか?: いいえ。すべての処理はブラウザ内でローカルに行われます。色や画像がデバイスから離れることはありません。
デザイントークンジェネレーターはどのような形式をサポートしていますか?: ツールに応じて、HEX、RGB、HSL、HSV、CMYK、LAB、XYZ、CSS、Tailwind、JSON、Flutter、およびマテリアルのエクスポート。

はじめに

仕組み

色を入力してください

カラー値を入力するか、カラーピッカーを使用します。

結果を見る

ライブプレビューとすべての形式の変換を確認します。

コピーまたはエクスポート

クリップボードにコピーするか、好みの形式でダウンロードします。

よくある質問

デザイントークンジェネレーターは無料ですか?

はい、デザイントークンジェネレーターは完全に無料で、サインアップは必要ありません。

私の色はサーバーにアップロードされますか?

いいえ。すべての処理はブラウザ内でローカルに行われます。色や画像がデバイスから離れることはありません。

デザイントークンジェネレーターはどのような形式をサポートしていますか?

ツールに応じて、HEX、RGB、HSL、HSV、CMYK、LAB、XYZ、CSS、Tailwind、JSON、Flutter、およびマテリアルのエクスポート。

Quick answer