【OBS・配信】コメントCSSカラーメーカー

背景・文字・アクセントの3色と、角丸・余白・影を選ぶだけで、YouTube LiveまたはTwitchのポップアウトチャット向けCSSを作るオフラインツールです。

【利用場面】

- 配信画面に合うコメント欄を自分で作りたい

- CSSは難しいが、色や丸みは自分で選びたい

- OBSへ貼る前に見た目と読みやすさを確認したい

【主な機能】

- YouTube Live / Twitchの固定セレクター切替

- 背景、文字、アクセント色の設定

- 角丸、内側余白、影の調整

- 本文・アクセントと背景のコントラスト目安

- 生成CSSのコピー、CSSファイル保存

- 設定のローカル保存と初期化

【導入3ステップ】

1. ZIPを展開し、OS用起動ファイルを開きます。

2. 配信サービスを選び、色・角丸・余白・影を調整します。

3. 生成CSSをコピーし、対象のOBSブラウザソースへ貼り付けます。

【対応条件】

※ 実機確認状況（2026-08-05）: ローカルUIと生成CSSの自動テストまで完了しています。現行YouTube Live / Twitchの実DOM、Windows 10/11での起動は未確認です。

- OBS Studioのブラウザソース

- YouTube LiveまたはTwitchのポップアウトチャットURL

- Windows（PowerShell）またはmacOS（Ruby）

【保存・通信】

入力設定は同じブラウザのローカルストレージだけに保存します。生成時の外部アカウント、外部API、商品独自の外部送信はありません。

【制限】

任意セレクターや任意CSSは入力できません。配信サービスやOBSのDOM仕様変更により表示が崩れる場合があります。コントラスト判定は読みやすさの目安で、映像全体での見え方を保証しません。

【内容物】

CSS作成画面、プレビュー、Windows/macOS起動ファイル、manual.html、CHANGELOG.md、TERMS.txtを同梱します。

【サポート・お問い合わせ】

問い合わせ時はOS、対象サービス、OBSバージョン、再現手順を添えてください。任意サイト用セレクター作成、OBS設定代行、購入者が編集したCSSは対象外です。