コンテンツにスキップ
デザインとカラー

ティント&シェードジェネレーター

1 つのブランドカラーから一貫したカラースケールを構築します。

ブラウザで実行100%プライベートアップロードはありません
ツールを読み込み中…

このツールを共有する

必要な人に送ってください。

Xfin
完全なガイドを読む

ティント&シェードジェネレーター について

ベースカラーを白と黒に混ぜて、色合いや色合いを生成します。ホバー状態、境界線、背景、デザイン トークンに役立ちます。

使い方

  1. 1ベースカラーを選ぶ任意の hex 値が機能します。
  2. 2スケールを見直す色合いが明るくなります。色合いが暗くなります。
  3. 3hex 値をコピーしますそれらをパレットまたは CSS 変数に追加します。

なぜこの ティント&シェードジェネレーター を使用するのでしょうか?

  • デバイスからは何も残らない. 作業はブラウザのタブで行われます。このアプリにはアップロード エンドポイントがないため、ファイルやテキストを保存したり、ログに記録したり、当社が閲覧したりすることはできません。
  • アップロードの待ち時間なし. サーバーへの往復を完全にスキップします。結果は、ネットワーク速度やキュー サイズではなく、ご使用の CPU によって制限されます。
  • 無料、アカウントなし、割り当てなし. サインアップの壁、ウォーターマーク、1 日あたりの制限はありません。オプションのアカウントは、デバイス間でお気に入りとプリセットを保存するためにのみ存在します。

よくある質問

私の色はここで使用しても安全ですか?

はい。このツールは、JavaScript を使用してブラウザ内で完全に実行されます。貼り付けたり開いたりした内容はサーバーに送信されず、ページを閉じた後もページのコピーは保持されません。

アカウントを作成する必要がありますか?

いいえ。すべてのツールはサインインしなくても完全に使用できます。アカウントは、保存されたお気に入りと再利用可能なプリセットを追加するだけです。

電話でも機能しますか?

はい。インターフェースはモバイルファーストで、大きなタッチターゲットと積み重ねられたレイアウトを備えているため、デスクトップだけでなく携帯電話やタブレットでも動作します。

ティントとシェードの違いは何ですか?

ティントは色を白と混ぜます。色合いは黒と混ぜます。どちらもさまざまな方法で彩度を低減します。

パレットには何段のステップが必要ですか?

色相ごとに 5 ~ 10 ステップが一般的です。テキストと背景に使用するステップに十分なコントラストがあることを確認してください。

ツールボックスの同じコーナーからさらに無料のユーティリティが入手できます。