カラーパレットジェネレーター

いいえ。色はブラウザ内で計算します。

配色ルールや写真から5色のパレットを作り、文字のコントラストを確認してコードをコピーできます。

無料・登録不要・透かしなし

使い方

配色ルールは色相環に基づいています。類似色は隣り合う色、補色は反対側の色、トライアドは120°ずつ離れた色です。各色には黒文字と白文字のどちらが読みやすいかと、WCAGのコントラスト比を表示します。通常の文字は4.5:1以上が目安です。

「画像から」は写真を縮小し、k-meansクラスタリングでメインカラーを求めます。ブランドカラーとして保存すると、このブラウザだけに4色を保存し、ロゴメーカーやファビコン、サムネイルのツールで使えます。

ロックとは何ですか？

ロックした色は再生成しても残るため、気に入った色を軸にパレットを組み立てられます。

色を抽出するとき写真はアップロードされますか？

いいえ。色はブラウザ内で計算します。

CSSではどの形式を使えばいいですか？

一般的なのはHEXです。そのまま貼り付けられるCSS変数も出力します。