AniColors 是專注于動漫色彩的調色板生成工具，能幫動漫愛好者和設計師快速找到、創(chuàng)建獨特的動漫配色方案。

兩大核心功能

每日精選靈感調色板畫廊

• 由動漫和游戲愛好者人工挑選，有角色專屬、場景氛圍、作品主題等色卡。

• 角色調色板：比如 “Saber” 的盔甲色、“初音未來” 的藍綠色頭發(fā)色。

• 場景調色板：比如新海誠電影里的天空色、“賽博朋克：邊緣行者” 的霓虹夜景色。

• 主題調色板：比如 “女神異聞錄 5” 標志性的紅黑配色、“Bocchi the Rock” 的青春色調。

• 使用：

• 瀏覽主頁畫廊，每個調色板都有精確的 HEX 色碼，可直接用于創(chuàng)作，也能當壁紙或設計素材。

自定義調色板生成器

• 用戶可上傳圖片快速生成調色板。

• 使用：

• 上傳圖片：點上傳按鈕選圖（支持 JPG、PNG、GIF、WebP 格式，不超過 10MB），也能拖拽上傳。

• 提取顏色：用放大鏡手動精準取色，比如角色的眼睛、衣服顏色；或讓 ai 自動生成。

• 查看和導出：生成后可選不同布局，點 “導出” 保存為高清圖，或復制色碼到 Procreate、Photoshop 等軟件用。

技術特點

• 支持算法自動識別動漫角色的顏色，并支持手動拖拽修改 

• 支持手動識別動漫角色的眼睛，膚色，衣服，武器等配色 

• 收集了大量高質量的動漫調色板，以及各個部位的顏色 

• 支持免費導出高質量的分享卡片。 

• 免費下載，無背景的人物圖

本地部署

Strapi 后端：

1. 安裝依賴：cd strapi，執(zhí)行 pnpm install。

2. 復制文件：cp .env.example .env。

3. 啟動：pnpm develop（開發(fā)環(huán)境用本地資源，不上傳至 Cloudflare R2）。

Next.js 前端：

1. 安裝依賴：cd nextjs，執(zhí)行 pnpm install。

2. 復制文件：cp .env.example .env。

3. 啟動：pnpm dev。

AniColors 使用方法

從圖片生成調色板：

• 訪問官網(wǎng)，上傳動漫截圖、游戲藝術圖等（支持 JPG、PNG、GIF、WebP 格式，不超過 10MB）。

• 提取顏色：用取色器手動選色，或讓 AI 自動生成。

• 查看：幾秒內生成含 2-5 種顏色的調色板，有 12 種布局可選。

• 保存導出：復制 HEX 代碼用在其他軟件，或下載圖片保存、分享。

瀏覽預生成調色板：

• 訪問官網(wǎng)主頁看最新調色板。

• 用 “瀏覽所有調色板” 和 “發(fā)現(xiàn)” 功能，按動漫角色、作品、游戲等分類查找。

• 每個調色板會顯示來源（如角色名、動漫名）和創(chuàng)建時間。