【無料有】Value Harmonizer │ 明るさ感で揃える配色ツール

【価格設定】

無料版（機能制限有）：¥0

有料版：¥800

【商品説明】

✦ ✦ ✦

色はかわいいのに、なぜか絵がまとまらない。

白黒にすると明暗がバラバラ。

光と影の色、毎回カンで選んでる。

バリュー揃えろって言われても、分かんねえよ！

そんな人のための、ブラウザで動く配色ツールです。

【機能紹介】

① 光と色の影マップ

━━━━━━━━━━━━━━━━━━

光の色と影の色を選ぶだけで、

ハイライト → 明るい面 → 基本の面 → 影 → 締め色の

おすすめ5色セットが自動で出ます。

影の色相シフトもスライダー1本で調整可能です

球体とりんごのプレビューで「この色で塗るとどう見えるか」がその場で分かります。

大陸塗り・アニメ塗り・厚塗りなどに使えます。

②同じ明るさの色を探す

━━━━━━━━━━━━━━━━━━

好きな色を1つ選ぶと、明るさ感が近い色を色相違いでまとめて出します。

差し色探し、小物色探し、「同じ面に並べても喧嘩しない色」探しに。

③ 手持ちパレットの健康診断

━━━━━━━━━━━━━━━━━━

自分のパレットを入れると、明るさ感のバラつきを%で一発診断。

ズレてる色は、色味を残したまま補正候補を提案。

Before/Afterを白黒でも比較できるので、

「そろった」が目で見て分かります。

📐 なんで「明るさ感」？

━━━━━━━━━━━━━━━━━━

ペイントソフトのBrightness値（HSBのB）を揃えても、

人間の目には同じ明るさに見えません。

このツールは知覚明度（Relative Luminance）で計算しているので、

色相が変わっても同じ明るさに見える色を出せます。

📥 書き出し

━━━━━━━━━━━━━━━━━━

・Procreate (.swatches) — iPadでそのまま使えます

・CLIP STUDIO (.aco) — カラーセットに読み込めます

・PNG — 保存してスポイトで使えます

・HEX コピー — コードでも使えます

💡 こんな人向け

━━━━━━━━━━━━━━━━━━

・色トレスだけだと絵がまとまらない

・光と影の色をカンで選んでモヤッとしてる

・「バリュー」って言葉は聞いたことあるけど実践できてない

・配色理論、興味はあるけど勉強する気力はない

・自分のパレットが「なんとなく変」な気がする

無料版/製品版の違いについて

━━━━━━━━━━━━━━━━━━

★無料版でできること

- 選んだ色と近い明るさ感の色を自動生成

- ハイライト・シャドウ用の色候補を生成

- 光の色と影の色から、使える色の候補を表示

- 手持ちパレットの明度バランス診断

- 明度がずれた色の自動補正候補

- HEXカラーのコピー

- PNGでの書き出し

★製品版で追加されること

- りんご・球体プレビューで、塗ったときの見え方を確認

- 白黒プレビューで、明度だけのバランスをチェック

- おすすめ5色セットを自動生成

- ハイライト / 明るい面 / 基本色 / 影 / 締め色 の5段階で配色を作成

- 影色の色相シフト調整

- 生成色の精度表示

- Before / Afterつきの補正結果表示

- 補正後のスコア改善量を表示

- CLIP STUDIO PAINT用 `.aco` 書き出し

- Procreate用 `.swatches` 書き出し

- より見やすい2カラムUI

- ゾーンごとの表示切り替え

まず明度合わせの考え方を試したい方は、無料版がおすすめです。

実際のイラスト制作で、塗り分け用の色セットを作ったり、白黒でもまとまる配色を確認したり、CLIP STUDIO PAINTやProcreateに読み込んで使いたい方は製品版がおすすめです。

・インストール不要、ログイン不要、オフラインOK

・単一HTMLファイルなのでローカル保存できます

⚠️ 注意

━━━━━━━━━━━━━━━━━━

配色の補助ツールです。すべての絵に「正しい色」を自動で決めるものではありません。

色相や彩度によって見え方に差が出るため、最終的にはプレビューや白黒表示で確認しながら調整してください。

生成した配色は商用・非商用問わず自由に使えます

HEXコード自体に権利はありません

ツールファイル自体の再配布・転売は禁止

AI学習用途への提供は禁止

動作確認：Chrome / Safari / Edge 最新版