推し色パレット

推しの写真やグッズの画像から、よく使われている色を取り出してHEX・RGBで表示します。選んだ色から、うちわやネイル、デコに使える明るい色・暗い色のバリエーションも作れます。

画像を選ぶ（JPEG・PNGなど）

取り出す色の数：5色

取り出した色（多い順）

選んだ色のバリエーション

色ボタンを押すとHEXをコピーします。

画像は縮小してから k-means法（似た色をグループにまとめる方法）で代表色を求めています。同じ画像でも、取り出す色の数で結果が変わります。画面やプリンターによって見え方は変わるので、印刷やオーダーの前に実物の色見本で確認してください。各色に、白文字と黒文字のどちらが読みやすいか（WCAGのコントラスト比）も表示しています。画像はブラウザ内だけで処理され、どこにも送信・保存されません。

推し色パレットでできること

推しの写真やグッズの画像から、よく使われている色を取り出してHEX・RGBで表示します。選んだ色から明るい色・暗い色のバリエーションも作れるので、うちわやネイル、デコの配色づくりに使えます。

使い方

「画像を選ぶ」から写真やグッズの画像を選びます（最初は見本の画像が入っています）。
「取り出す色の数」のスライダーで3〜8色を選びます。
「取り出した色（多い順）」の色ボタンを押すと、そのHEXをコピーし、下のバリエーションの基準色になります。
「選んだ色のバリエーション」の7色から使いたい色を押してHEXをコピーします。「HEXをまとめてコピー」で全色を一度にコピーできます。

計算の仕組みと注意点

画像を縮小してから k-means法（似た色をグループにまとめる方法）で代表色を求めています。取り出す色の数で結果が変わります。
各色に白文字・黒文字のどちらが読みやすいかを、WCAGのコントラスト比で表示しています。
バリエーションは基準色に白を75・50・25%、黒を20・40・60%混ぜた色です。
画面やプリンターで見え方が変わるため、印刷やオーダーの前に実物で確認してください。画像はブラウザ内だけで処理され、送信・保存されません。

よくある質問

写真から推しのメンバーカラーのHEXを調べられますか？

衣装やグッズが大きく写った画像を選ぶと、その色が上位に出やすくなります。背景の色も混ざるので、必要なら画像を切り抜いてから読み込んでください。

うちわの文字色は白と黒どちらがいいですか？

各色のチップに「白文字」「黒文字」とコントラスト比を表示しています。比が大きい方が読みやすく、4.5:1以上がひとつの目安です。

画像はアップロードされますか？

されません。画像の読み込みと色の計算はすべてブラウザの中で行います。