AniColors：アニメ配色を收集・作成するためのウェブサイト 100

AniColors は、アニメの色に特化したパレット生成ツールで、アニメ愛好家やデザイナーがアニメの配色パターンを素早く見つけて作成できるよう支援します。

2つのコア機能

毎日厳選インスピレーションパレットギャラリー

• アニメやゲームの愛好家によって手動で厳選され、キャラクター専用、シーン雰囲気、作品テーマなどのカラーカードが揃っています。

• キャラクターパレット：例えば「Saber」の鎧の色、「初音ミク」の青緑色の髪の色など。

• シーンパレット：例えば新海誠映画の空の色、「サイバーパンク：エッジランナーズ」のネオン夜景など。

• テーマパレット：例えば「ペルソナ5」の象徴的な赤と黒の配色、「ぼっち・ざ・ろっく！」の青春トーンなど。

• 使い方：

• ホームページのギャラリーを閲覧し、各パレットには正確な HEX カラーコードが付いているため、直接制作に使用できるほか、壁紙やデザイン素材としても活用できます。

カスタムパレットジェネレーター

• ユーザーは画像をアップロードして素早くパレットを生成できます。

• 使い方：

• 画像をアップロード：アップロードボタンをクリックして画像を選択（JPG、PNG、GIF、WebP 形式に対応、10MB 以内）、ドラッグ＆ドロップでのアップロードも可能です。

• 色を抽出：虫眼鏡を使って手動で正確に色を取得（例えばキャラクターの目や服の色）。またはaiに自動生成させることもできます。

• 確認とエクスポート：生成後は異なるレイアウトを選択でき、「エクスポート」をクリックして高画質画像として保存したり、カラーコードをコピーして Procreate や Photoshop などのソフトウェアで使用できます。

技術的な特徴

• アニメキャラクターの色をアルゴリズムで自動認識する機能に対応し、手動でのドラッグによる修正も可能

• アニメキャラクターの目、肌色、衣服、武器などの配色を手動で認識する機能に対応

• 高品質なアニメパレットや各部位の色を多数収録

• 高品質なシェアカードの無料エクスポートに対応

• 背景のない人物画像を無料ダウンロード

ローカルデプロイ

Strapi バックエンド：

1. 依存関係のインストール：cd strapi を実行し、pnpm install を実行します。

2. ファイルのコピー：cp .env.example .env を実行します。

3. 起動：pnpm develop（開発環境ではローカルリソースを使用し、Cloudflare R2 にはアップロードされません）。

Next.js フロントエンド：

1. 依存関係のインストール：cd nextjs を実行し、pnpm install を実行します。

2. ファイルのコピー：cp .env.example .env を実行します。

3. 起動：pnpm dev を実行します。

AniColors の使用方法

画像からパレットを生成：

• 公式サイトにアクセスし、アニメのスクリーンショットやゲームのアート画像などをアップロードします（JPG、PNG、GIF、WebP 形式に対応、10MB 以内）。

• 色を抽出：カラーピッカーで手動で色を選択するか、AI に自動生成させます。

• 確認：数秒以内に 2〜5 色を含むパレットが生成され、12 種類のレイアウトから選択できます。

• 保存してエクスポート：HEX コードをコピーして他のソフトウェアで使用したり、画像をダウンロードして保存・共有できます。

事前生成されたパレットを閲覧：

• 公式サイトホームページで最新のパレットを確認します。

• 「すべてのパレットを閲覧」機能と「発見」機能を利用して、アニメキャラクター、作品、ゲームなどのカテゴリー別に検索できます。

• 各パレットには出典（キャラクター名、アニメ名など）と作成日時が表示されます。