うちの子の絵を押すだけで、髪や目の色が入った色見本カードができます。 パソコンの Chrome・Edge で使う、無料のツールです。 うちの子（オリキャラ・VTuber・自分で描いたキャラ）の色で、こんなことはありませんか？ ・髪や目の色を聞かれても、カラーコードをすぐ出せない ・色をまとめた画像を作りたいけど、デザインのソフトで一から組むのは大変 ・カラーパレットを作れるサイトはあるけど、絵を知らないところに送るのは気になる 配色を抜き出すだけのツールではなく、SNS にそのまま載せられる「おしゃれな色見本カード」を作るためのツールです。 名前を書いて、並べ方と雰囲気をえらんだら、画像で保存するだけ。 はじめまして、個人で配信してる小野鹿かのこです。 うちの子の色を、おしゃれに見せられたら楽しいなと思って作りました。無料で置いておきます。 ■ 作り方（5つのタブを順に） 1 絵：「絵をえらぶ」で入れます。ドラッグ＆ドロップや、Ctrl+V の貼りつけでも入ります 2 色：入れたい色の行にある「💧 絵から」を押してから、絵の好きな所を押すと、その色が入ります。色の四角を押して、自分で選ぶこともできます 3 文字：名前（日本語・英語）と、色ごとのひとことを書きます 4 並べ方：6種類から選びます 5 見た目：雰囲気を8種類から選びます 最後に「画像を保存（PNG）」で、できあがり。画面の上の「？ 使い方」を押すと、順番に案内します。 ■ 雰囲気は8種類、並べ方は6種類 雰囲気：えほん・がしゅう・えのぐ箱・スタイリッシュ・ポップ・スクラップ・和風・ネオン 並べ方：雑誌・たて長・絵の具・しずく・帯・見本帳 組み合わせると48通りです。えほん・えのぐ箱・スクラップは、色の組み合わせ（そら・さくら・よる・ラベンダー）も選べます。 色は3〜8個まで入れられます。目の色が左右でちがう子は、1か所に3色まで並べられます。 ■ 背景つきの絵でも 背景まで描いてある絵は、まわりを少しぼかして、うちの子が目立つようにできます。くっきり見せる場所（顔のあたりなど）は、自分で決められます。 ■ 絵は、あなたのパソコンの中だけ ・絵はどこにも送りません。外へ送る通信は、ブラウザの仕組みで止めています ・AI には読ませません。色は、あなたが絵を押して選びます ・書体も入っているので、ネットにつながっていなくても使えます ・インストールもアカウントも要りません。ZIP を展開して、index.html を開くだけです ■ 入っているもの うちの子いろみほん_v1.0.0.zip ・index.html（これを開きます） ・使い方.txt（開き方・困ったとき・決まり） ・app.js・style.css・icon.png（動かすためのファイル） ・fonts（書体。すべて SIL Open Font License 1.1。ライセンス文つき） ■ 動くところ ・パソコンの Chrome か Edge で開いてください ・スマホでは ZIP を展開して開くのがむずかしいので、パソコンで使ってください ■ 知っておいてほしいこと ・自分の絵か、使ってよいと言われた絵で作ってください。作ったカードの扱いは、絵の持ち主のルールに合わせてください。カードにツール名を入れる必要はありません ・入力した名前や色は、開いたブラウザの中にだけ残ります（絵は残りません） ・ファイルの配り直しや販売はやめてください。人に教えるときは、このページを教えてもらえるとうれしいです ・このツールを使って起きたことには、責任を負えません ■ 作り方について プログラムは AI（Claude Code）を使って作りました。カードの花や飾りは、AI の画像ではなく、コードで描いています。 商品画像の「おはなちゃん」の絵も、同じくコードで描いた見本です。キャラの絵でも、同じように色を取れます。 作ったカードを見せてもらえたら、すごくうれしいです。 X：@konokakanoko