画像とデザインツール

カラ―グラデーション生成ツール

開始色と終了色を選び、3~20 段階のパレットまたは CSS をコピーします。

ブラウザ内で処理登録不要プライバシーの説明 ↗

3~20 段階。6 桁 HEX のみ対応します。

ブラウザー内で生成しました。

使い方

使い方

  1. 有効な 6 桁 HEX の開始色と終了色を選びます。
  2. 3~20 段階を設定します。
  3. プレーンテキストのパレットまたは CSS をコピーします。

決定的な色補間

6 桁 HEX を受け取り、RGB 各チャンネルを線形補間します。両端の色は必ず含まれます。

プレーンテキスト出力

パレットと CSS 宣言はテキスト欄に出力します。HTML を挿入せず、色データもブラウザー外へ送信しません。

よくある質問

あわせて知りたいこと

何色生成できますか?

3~20 色です。

端点は含まれますか?

はい。選択した色が最初と最後になります。

画像を作りますか?

いいえ。テキストのパレットと CSS linear-gradient を作ります。