パレット・パスポート|HEX配色をPNG/SVG/GPL/CSS/JSONへ・ローカルHTML
- Digital200 JPY


HEXの配色リストを、色見本と制作データへまとめる小さなHTMLツールです。 1~64色を入力し、PNG/SVG/GPL/CSS/専用JSONの5形式で保存できます。処理はブラウザー内で行います。 【できること】 ・1行に「#RRGGBB 色名」または「#RGB 色名」を入力。色名は省略可 ・短縮HEXを6桁大文字にそろえ、入力順と重複を保持。重複件数を表示 ・配色名と色名付きの色見本を、1/2/4/8列で作成 ・PNGの色見本、編集用SVG、GPLのRGBパレット、CSS変数、専用JSONを書出し ・保存した専用JSONから、配色名・色名・並び順・列数を復元 ・入力を編集すると保存ボタンを停止。再更新まで古い配色を書出しません ・不正なHEX、空入力、色数・文字数超過を表示し、保存を停止 【収録/買い切り200円】 ・index.html:処理を内蔵した単一HTML ・palette-core.js:確認・改変用の処理ソース ・README、利用条件、制作来歴、SHA-256一覧 ・オリジナル配色例3件の専用JSON ・Harbor Notesの実書出し見本:PNG/SVG/GPL/CSS(対応するJSONも同梱) ・ZIP1点/13ファイル。自動配色サービスや追加API契約は不要です 【使い方】 ZIPを展開しindex.htmlを対応ブラウザーで開き、配色を入力して「色見本を更新」を押します。 見本を確認して保存形式を選びます。編集内容を残すにはJSONを保存してください。自動保存はしません。 出力ファイル名はpalette-passport+形式の拡張子です。ブラウザーにより連番が付く場合があります。 【仕様と制限】 色は不透明sRGBの#RGB/#RRGGBBのみ。1~64色、配色名40文字、色名24文字までです。 画像内の長い見出し・色名は「…」に省略し、JSONとGPLには全文を残します。 CSSは--swatch-01などの連番変数です。色名から識別子を作りません。 GPLはGIMP Palette Version2のUTF-8/sRGB8bit形式として書出します。個別の描画アプリへの実取込みは未検証です。 JSONは本ツール専用です。一般のパレットJSON、GPL、ASE、ACOの読込み機能はありません。 アルファ色、CMYK、ICC変換、印刷色校正、画像からの色抽出、自動配色提案、色の適性判断は行いません。 PNGは画面上のRGB色見本であり、ディスプレイ・印刷結果の色一致を保証するものではありません。 【動作確認】 Windows/Chromium/ローカルHTTPで、入力・更新・5形式の実保存・専用JSON復元を確認しています。 1色、短縮HEXと重複、長い日本語名、64色の4例で20ファイルを実保存し、色値・順番・書式を別コードで照合しました。 PNGとSVGの色タイルはブラウザー描画でも照合。入力エラー時と再更新前の保存停止も確認しています。 同一AIによる別コード・別工程の確認で、人間や別モデルの監査ではありません。 file://からの直接起動、他OS、携帯端末、特定描画アプリ、印刷は未検証です。 登録・APIキー・外部通信・外部フォント・サーバー契約は不要です。利用環境によって保存許可が必要な場合があります。 【利用条件】 個人・法人の商用/非商用業務で利用し、自分用にコードを改変できます。同じ制作チーム5名まで利用可。 利用者が権利を持つ入力から作った色見本やデータは、作品・依頼主・制作チームへ提供できます。生成物のクレジットは任意です。 ツール本体・コード・説明書の再配布や再販売は禁止します。詳しくは同梱LICENSE.txtをご確認ください。 【制作について】 設計・コード・説明・検査にAIの制作補助を利用しています。プログラムとサンプル配色は本商品用のオリジナルです。 第三者のプログラム・画像・フォントファイル・顧客素材は同梱していません。 不具合はBOOTHのメッセージで、OS・ブラウザー・入力例・操作・症状をお知らせください。

