ツールを実行
このツールは、指定したベースカラーから調和のとれたカラーパレットを自動的に生成します。単色、補色、類似色、ランダムという4つの配色タイプから選択でき、3色から12色の範囲で必要な色数を設定できます。ベースカラーは16進数コードで入力し、先頭のシャープ記号が省略されていても自動で補完されます。3桁の短縮コードも6桁に展開して処理するため、入力が柔軟です。生成される色はすべて小文字の6桁16進数形式で出力され、RGB値は0から255の範囲に丸められます。ランダムタイプを選択すると、色相、彩度、明度がランダムに選ばれるため、実行ごとに異なる結果が得られます。無効な色コードや未対応の配色タイプを指定した場合はエラーが表示されます。デザイン作業やウェブサイトの配色決めなど、視覚的な調和が必要な場面で役立つ実用的なツールです。
使い方
- ベースカラーとして16進数カラーコード（例: #3498db）を入力欄に入力します。
- ドロップダウンメニューから「単色」「補色」「類似色」「ランダム」のいずれかの配色タイプを選択します。
- 生成したい色数を3から12の間の整数で指定します。
- 「実行」ボタンをクリックしてパレットを生成します。
- 結果パネルに表示された16進数コードを確認し、必要に応じてコピーして使用します。
使用例
- ベースカラー #3498db、配色タイプ「単色」、色数 5 を指定して、青系のグラデーションパレットを生成する。
- ベースカラー #e74c3c、配色タイプ「補色」、色数 4 を指定して、赤とその補色を含むコントラストの高いパレットを作成する。
よくある質問
ベースカラーの入力形式はどうすればよいですか？
16進数カラーコードを入力してください。先頭のシャープ記号（#）がなくても自動で追加され、3桁の短縮コードも6桁に展開されて処理されます。
生成できる色数の範囲は？
3色から12色の間で指定できます。この範囲外の値が入力された場合は、自動的に範囲内に調整されます。
ランダムタイプのパレットは毎回同じですか？
いいえ、ランダムタイプでは色相、彩度、明度がランダムに選ばれるため、実行ごとに異なるパレットが生成されます。
エラーが表示されるのはどんな場合ですか？
解析できない不正なカラーコードが入力された場合や、未対応の配色タイプが指定された場合にエラーが表示されます。