カラーシェードジェネレーター

全ツール
カラーシェードジェネレーター
単一の色から明るい色から暗い色まで全範囲を生成 — 明暗ステップとシェード数を選び、任意の値を即座にコピーできます。
ベースカラー
ステップ
%
各シェードのステップあたりの明暗変化量（1〜25%）。
シェード数
ベースカラーの両側に生成するティントとシェードの数。
グラデーション
生成されたシェード

ベースカラー、ステップ率、数を選ぶと、すべてのティントとシェードがブラウザで即座に計算されます。

シェアする
関連ツール
カラーパレットジェネレーター

インタラクティブなカラーホイールから調和のとれたカラーパレットを作成 — 類似色、補色、トライアドなどのハーモニールールを適用し、任意の値を即座にコピーできます。
カラーミキサー

開始色から終了色まで最大 10 ステップでブレンド — グラデーションをプレビューし、あらゆるシェードを取得して任意のフォーマットを即座にコピーできます。
パレットエクスポーター

色のセットを貼り付けるかインポートし、CSS 変数、SCSS、Tailwind config、JSON、SVG スウォッチに即座にエクスポート — あらゆるパレットの仕上げに。
画像カラー抽出ツール

任意の画像から洗練されたコピー可能なカラーパレットを抽出します。
人気の検索
色のシェード生成 ティントとシェード 色を明るく暗く ある色のシェード カラーティント生成 カラーシェードを生成

この無料ツールをあなたのウェブサイトに追加 — 下のコードをコピーして貼り付けてください。