◩
画像・デザインツール
Color Palette Generator
Color Palette Generator は入力をサーバーへ送らず、ブラウザ上で確認、変換、結果作成を行うツールです。
画像・デザインツール
Input / output
Hue wheel
158°
Base
#18E299
Color 2
#30D6A1
Color 3
#48CAA9
Color 4
#00EE91
Color 5
#00FA89
CSS variables
:root {
--color-palette-1: #18E299;
--color-palette-2: #30D6A1;
--color-palette-3: #48CAA9;
--color-palette-4: #00EE91;
--color-palette-5: #00FA89;
}Tailwind colors
colors: {
palette1: "#18E299",
palette2: "#30D6A1",
palette3: "#48CAA9",
palette4: "#00EE91",
palette5: "#00FA89"
}HelpOpen usage notes, examples, practical tips, and FAQ only when you need them.
What is this tool?
Color Palette Generator は 画像とデザインのワークフロー のためのブラウザ内ツールです。入力、設定、結果を 1 ページで扱えます。
How to use it
- 入力を貼り付ける
処理したい値を入力エリアに入力または貼り付けます。
- オプションを調整する
color palette, hex color, tints に合うモード、形式、単位を選びます。
- 結果を確認する
ツールを実行し、内容を確認してからコピーまたはダウンロードします。
Examples
Color Palette Generator の例
- Input
- サンプル入力
- Output
- ブラウザで確認した出力。
Practical tips
- 大きな入力はまず小さなサンプルで試してください。
- 広告は入力、操作、結果エリアの外に配置されます。
FAQ
Color Palette Generator には何を入力しますか？
画面のタスクに合う値を入力し、実行前にオプションを確認してください。
Color Palette Generator の結果はコピーできますか？
はい。結果を確認してからコピーまたはダウンロードできます。
Color Palette Generator はモバイルで使えますか？
はい。入力、設定、結果は小さな画面でも使いやすく並びます。
入力はサーバーに送信されますか？
いいえ。入力はブラウザ内で処理される設計です。