モード
配色の調和
キーワード
トレンド
生成
Spaceキーを押すと新しいパレットになります
このツールについて
カラーパレットは、5色ずつ配色を作ります。「調和」モードは、ベースカラーを色相・彩度・明度(HSL)として読み、色相環の上で色相を決まった角度だけ回します。補色は180度、類似色は30度と60度、トライアドは120度と240度、テトラードは90度、180度、270度、分裂補色は150度と210度です。「画像から」は、画像を長辺100ピクセルに縮め、k-meansクラスタリングでピクセルを5つのグループに分けて、各グループの平均を1色にします。キーワードでは、そのムードの色相・彩度・明度の範囲の中から、色をランダムに選びます。
使い方
- モードを選びます。ランダム、調和、画像から、キーワードから、トレンドがあります。
- 残したい色を固定し、もう一度生成するか、Spaceキーを押します。
- 色を選ぶとカラーコードをコピーできます。パレット全体は、CSS変数、Tailwind、JSON、カラーコードの一覧としてコピーできます。
ガイドを読む(英語)
用語(英語): 色彩調和 · HSL · RGB
よくある質問
スマートフォンでも使えますか?
使えます。幅900ピクセル未満では、色の帯が行になって縦に並びます。行をタップするとコピーでき、「固定」をタップするとその色を残せます。Spaceキーにはキーボードが必要なので、「パレットを生成」を使ってください。スマートフォンでも機能の制限はありません。
画像はアップロードされますか?
いいえ。画像はお使いの端末の中で読み取られ、外に出ることはありません。
ほかのツールで使った画像が表示されるのはなぜですか?
追加した画像は、画像を使うすべてのラボツールのためにこの端末に保存されるので、もう一度追加する必要はありません。タイルの×を押すとその画像を忘れ、ページを開いたときのパレットに戻ります。
ブログ(英語): 画像からカラーパレットを抽出する · 構図、ライティング、色、素材の分析のしかた