Color GeneratorsLive

シェードジェネレータ

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

ライブカラースタジオ

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

ライブ

プレビュー

種子の色

Export

  --color-harmony-1: #598939;
  --color-harmony-2: #466c2d;
  --color-harmony-3: #365323;
  --color-harmony-4: #233617;
  --color-harmony-5: #131d0c;

Guide & reference

Quick answer

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

How to use

Common use cases

Common questions

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

はじめに

仕組み

色を入力してください

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

結果を見る

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

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

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

よくある質問

シェードジェネレーターは無料ですか?

はい、Shades Generator は完全に無料で、サインアップは必要ありません。

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

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

Shades Generator はどのような形式をサポートしていますか?

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

Quick answer