アプリ画面のプレビュー
概要
配色理論に基づいたパレット自動生成・画像からの色抽出・HEX/RGB/HSL/CMYK変換・アクセシビリティチェック・公開ギャラリーを搭載した、ブラウザだけで使えるプロ品質の配色ツール。外部APIキー不要。
主な機能
- 配色理論6種(補色/類似色/トライアド/テトラッド/スプリット補色/モノクローム)でパレット自動生成
- ベースカラーの彩度・明度スライダーによる微調整
- JPG/PNG画像(最大5MB)から支配的な5色を自動抽出(Canvas API)
- HEX/RGB/HSL/CMYK をリアルタイム相互変換・ワンクリックコピー
- WCAG AA/AAAコントラスト比チェックで視認性スコアを表示
- パレットをタイトル・タグ付きでDBに保存、公開/非公開を選択
- 公開ギャラリー: タグ/キーワード検索・テーマフィルター・いいね・人気/新着ソート
- 「和色」「パステル」「ネオン」「アースカラー」「モノクロ」の5テーマ各10セット計50種のプリセットパレット
- 生成したパレットをWebレイアウトプレビュー(ヘッダー/ボタン/カード)に適用して確認
- レスポンシブ対応(PC: 3カラム / スマホ: タブ切替)
導入手順
- AIアプリ開発部 でアカウント登録(まだの方)
- ダッシュボードから
installer.phpをダウンロード - 自社サーバーの公開ディレクトリにアップロードして実行
- APIトークンを入力 → このアプリを選択 → DB情報入力 → 完了
