配色パターン 生成
一つの色から配色を組み立てる。
無料 · 登録不要 · 端末内で処理
処理はブラウザの中だけ
- Live結果
- 0送信
- 1 tapコピー可
- Free登録不要
配色パターン 生成の仕様
- 入力
- 一色と調和の種類
- 出力
- 五つの色見本
- 作り方
- HSL の色相回転で
- 料金
- 無料
- 処理する場所
- 端末の中で
配色パターン 生成の使い方
- 1
起点の色を選ぶ
土台の一色を決める
- 2
調和を選ぶ
規則を選ぶと五つ出る
- 3
色見本をコピー
一つずつか五つまとめて
よくある質問
アップロードなしで使える？
はい。入力はブラウザのタブの中で処理されます。処理用のサーバーに送られることも、アカウントに保存されることもありません。
コピーする前に結果を変えられる？
はい。操作するたびに結果が更新されます。求めている出力になってからコピーしてください。
対応ブラウザは？
Chrome・Edge・Firefox・Safari の最新版であれば、ここで使う機能に対応しています。かなり古いブラウザでは必要な機能がないことがあります。
どの調和を選ぶか
補色は対比が一番強く、差し色一つ向き。類似色は穏やかで背景向き。三色と四色は、一色を主役にして残りを支えに。
- 調和が渡すのは色であって、順位ではありません。一色を主役に、残りは差し色に。
- 文字を載せる組み合わせは、決める前にコントラスト検査で確かめてください。
仕様をすべて見る
| 入力 | 起点の HEX 一色と、調和の種類。 |
|---|---|
| 出力 | 五つの色見本。 |
| 作り方 | HSL の色相を回し、単色配色では明るさを段階で振ります。 |
| 料金 | 無料。作業の外に、広告と分かる形で広告が出ます。 |
| 処理する場所 | このブラウザのタブの中。入力は送られません。 |
同じファイルのまま続ける
カラーツール一覧： SPOTTOOLSのカラーツール