Toolipedia 埋め込み
JA
← すべてのテキストツール

マテリアルカラーパレットジェネレーター

1つのシードカラーから、Material 3スタイルのトーナルパレットと、ライト・ダークのカラーロールを作成します。

  • 無料
  • 登録不要
  • どの端末でも使える

約マテリアルカラーパレットジェネレーター

基準となる色を1色与えると、トーン0の黒からトーン100の白までのMaterial 3スタイルのトーンパレットと、primary、on-primary、surfaceなどのライトとダークのカラーロールが作られます。これはAndroidのMaterial YouテーマやMaterial Designのウェブコンポーネントの背景にある考え方です。

マテリアルカラーパレットジェネレーターの使い方

  1. 出発点となるシードカラーを入力してください。
  2. トーナルパレットと、ライトとダークの色の役割を確認してください。
  3. アプリのテーマ用に、色またはトークンをコピーしてください。

このツールを使う理由

別名

よくある質問

Material 3のパレットにおけるトーンとは何ですか?

トーンは、同じ色相とクロマを持つ、0から100までの明度の段階です。ロールは特定のトーンを使い、たとえばprimaryは、ライトテーマではトーン40、ダークテーマではトーン80です。

シードカラーは、何を制御しますか?

シードが、主な色相と彩度を決めます。ツールは、それからプライマリ、セカンダリ、ターシャリのトーナルパレットを導き出すため、ブランドカラーをシードとして選んでください。

プライマリやon-primaryのような、色の役割とは何ですか?

役割は、色が何のためのものかを示します。プライマリはメインのアクセントで、on-primaryは、その上に表示するテキストやアイコンの色で、読みやすいコントラストが選ばれます。

マテリアルカラーパレットジェネレーターは無料ですか？

はい。Toolipediaのマテリアルカラーパレットジェネレーターは無料で、登録不要、透かしもありません。

安全に使えますか？

はい。すべての計算はブラウザ内で行われ、入力した内容が当社サーバーに送信されることはありません。

スマートフォンでも使えますか？

はい。AndroidやiPhoneの最新ブラウザのほか、タブレットやパソコンでも使えます。インストールは不要です。

アカウントは必要ですか？

いいえ。ページを開いてツールを使うだけです。登録もメールアドレスも不要です。

マテリアルカラーパレットジェネレーター を自分のサイトに置けますか？

はい。ツールの下にある「サイトに埋め込む」ボタンで短いコードをコピーし、ページに貼り付けてください。無料でアカウントも不要、ツールはページ内でそのまま動作します。

関連ツール