カラー
カラーパレット
1色から調和のとれたパレットを作る
概要
ベースカラーと調和スキームを選びます。補色、類似色、トライアド、スプリットコンプリメンタリー、テトラード、モノクロ、グレースケール、ランダムから。気に入ったスウォッチをロックし、スウォッチを追加・削除し、残りを再生成して、セット全体を保存できます。
使い方
- ドロップダウンから調和スキームを選びます(なんでもありならランダム)。
- スウォッチをクリックするとカラーピッカーが開いて編集できます。最初のスウォッチがベースです。
- 気に入ったスウォッチをロックし、再生成を押して残りを振り直します。
- + / − でスウォッチを追加・削除したり、hex をコピーしたり、パレット全体を保存したりできます。
例
- 1つのアクセントカラーから手早くブランドパレットを生成する。
- メインカラーをロックして、その周りの補色やトライアドを探る。
- いくつかパレットを保存して並べて見比べる。
よくある質問
色はどう計算されているの?
スキームごとにベースの色相を HSL 空間で回転させています。補色は +180°、類似色は ±30°/±60°、トライアドは +120°/+240°、スプリットコンプリメンタリーは ±150°、テトラードは 90° ずつ、モノクロは明度を段階的に、グレースケールは彩度ゼロで段階的に。ランダムは文字どおり、振るたびに新しいランダムな色です。
スウォッチをロックすると何が起きるの?
ロックしたスウォッチは、再生成しても、スキームを変えても、ベースを編集しても、その色がそのまま保たれます。再計算されるのはロックされていないスウォッチだけです。
保存したパレットはどこに保存されるの?
ブラウザのローカルにです。再読み込みしても残り、端末の外に出ることはありません。