SuperAPI AI 工具集

EnigmaEasel

EnigmaEasel 是一款免费的在线 AI 配色方案生成器,支持从文本提示、图片、主题预设、色彩和谐理论或十六进制色码生成专业调色板。它提供网站实时预览、色盲模拟、对比度检查,并可导出 CSS、Tailwind、JSON 等多种格式,无需注册账号。

访问官网

工具介绍

EnigmaEasel AI 配色方案生成器是一款免费的在线工具,可根据文本提示、图片、颜色名称或十六进制色码生成专业调色板,并内置网站实时预览、主题、和谐模式与色盲模拟功能。无需账号即可使用。

用途

该工具面向需要快速获得协调配色方案的设计与开发场景。用户可以用自然语言描述情绪或概念来生成带自定义颜色名称的调色板,也可以从照片中提取颜色,或使用色彩和谐与主题预设。生成结果可导出为生产可用的 CSS、Tailwind、JSON 或高分辨率图片。

主要能力

从文本提示生成 AI 调色板

用自然语言描述任何情绪、场景或概念,即可获得匹配的调色板及自定义颜色名称。例如输入“Sunset over Tokyo”“Organic Skincare Brand”或“Cyberpunk Neon City”。每次生成可调整颜色数量(2 到 12 种),锁定喜欢的颜色并重新生成其余颜色。每次 AI 生成的调色板都包含撤销/重做历史。

从任意图片提取调色板

上传照片、截图或设计文件,可即时提取最多 12 种颜色。提供 10 种提取风格:Colorful、Muted、Warm、Cool、Deep、Pastel、Earthy、Jewel Tones、Monochrome 和 Neon,也可选择“None”进行原始提取。支持在图片上直接拖动颜色标记进行实时精确取色。

11 种主题预设

内置 11 种主题预设,每种生成符合特定美学的协调调色板:Balanced、Light/Pastel、Bright/Neon、Dark、Aesthetic、Warm、Cold、Retro、Vintage、Monochromatic、Gradient。可选使用取色器或十六进制色码设置基础色来锚定调色板。

7 种色彩和谐类型

基于色轮提供 7 种和谐类型,每种支持 2 到 12 种颜色:Complementary、Analogous、Split Complementary、Triadic、Monochromatic、Square (Tetradic)、Rectangle (Tetradic)。可设置可选基础色,或让生成器随机选择起点。

网站实时预览

在专业整页网站模型上查看调色板效果,从导航栏到页脚。可选择 4 色(Primary、Secondary、Focus、Background)、5 色(Primary、Secondary、Accent、Background、Text)和 6 色(Primary、Secondary、Tertiary、Accent、Background、Text)子模式。5 色和 6 色模式包含动态 CSS 动画,如变形色块、浮动形状、动画渐变文字和脉冲元素。支持实时编辑颜色、拖放交换颜色位置、锁定单个颜色、生成新组合,也可从预设或其他模式导入颜色。网站预览可下载为 SVG、PDF、JPG 或 PNG。

高级颜色编辑

使用 HSL 和 LCH 双滑块系统微调颜色。HSL 滑块可调整色相(0°–360°)、饱和度(0%–100%)和亮度(0%–100%)。LCH 滑块通过亮度、色度和色相提供感知均匀的调整。支持一键全局调亮、调暗和增强鲜艳度,已锁定颜色不受影响。可拖动重新排序、删除单个色块或在重新生成前锁定收藏颜色。

色盲模拟与无障碍测试

内置色盲模拟器,覆盖 Protanopia(红色敏感度降低)、Deuteranopia(绿色敏感度降低)、Tritanopia(蓝色敏感度降低)、Achromatopsia(完全色盲/灰度视觉)及其他类型。配合内置 WCAG 对比度检查器,可选择任意背景色并实时查看调色板中每种颜色的对比度,确保设计可读且包容。

导出格式

支持 20 多种格式导出:PNG、JPG、SVG、PDF(可自定义尺寸);预设尺寸包括 Default(1200×400)、Instagram(1080×1080)、Twitter/X(1200×675)、Web Banner(1920×400)、Print Ready(3000×1000)、Thumbnail(600×200);代码格式包括 CSS Variables、SCSS Variables、Tailwind CSS、Kotlin、Swift、JSON。点击单个色块可复制当前所选格式的颜色值(HEX、RGB、HSL、CMYK 等)。

使用方式

  1. 选择模式:AI(文本转调色板)、Image(从照片提取)、Theme(基于预设)、Harmony(基于色彩理论)或 Live Previews(网站模型)。
  2. AI 模式:输入描述性文本提示,设置颜色数量(2–12),点击 Generate 生成带自定义颜色名称的调色板。
  3. Image 模式:上传照片,选择提取风格,调整颜色数量滑块,可选在图片上拖动标记进行精确取色。
  4. Theme 模式:选择 11 种主题预设之一,可选使用取色器或十六进制输入切换基础色。
  5. Harmony 模式:选择 7 种和谐类型之一,设置颜色数量(2–12),可选锚定基础色。
  6. Live Previews 模式:选择 4、5 或 6 色子模式,生成新组合、应用预设、从其他模式导入并下载预览。
  7. 自定义:点击色块编辑图标,用 HSL 或 LCH 滑块微调,或直接输入十六进制色码。使用 Lighter/Darker/Vibrant 按钮进行全局调整。
  8. 锁定与重新生成:锁定喜欢的颜色后重新生成,仅未锁定颜色变化。使用撤销/重做浏览历史。
  9. 测试无障碍:展开色盲模拟预览不同视觉类型下的效果,使用对比度检查器验证 WCAG 合规性。
  10. 导出:复制单个颜色,下载图片(PNG、JPG、SVG、PDF)或导出 CSS、SCSS、Tailwind、Kotlin、Swift、JSON 代码。
  11. 本地保存:将调色板保存到浏览器本地存储以便后续访问。

适用场景

  • 网页与应用设计师:为网站和移动应用创建协调、无障碍的配色方案,带 WCAG 测试对比度。
  • 平面设计师:为品牌、标志、营销材料和社交媒体图形构建专业调色板。
  • UI/UX 设计师:利用内置对比度检查和色盲模拟开发无障碍色彩系统。
  • 前端开发者:导出 CSS Variables、SCSS、Tailwind CSS 或 JSON 即用代码。
  • 移动开发者:直接从调色板获取 Android 和 iOS 的 Kotlin 与 Swift 颜色常量。
  • 室内设计师与业主:从灵感照片提取颜色,用精确色值可视化房间配色。
  • 活动与婚礼策划:从情绪板图片设计婚礼主题、请柬和花艺的完美色彩故事。
  • 时尚与服装设计师:从趋势照片和面料色板提取调色板,协调服装系列。
  • 内容创作者与社交媒体管理者:一键生成适合 Instagram、Twitter/X 等平台尺寸的品牌色。
  • 艺术家与插画师:从文本描述或参考图片寻找数字与传统艺术创作的灵感配色。
  • 学生与教育者:通过交互式和谐模式与灵活颜色数量学习色彩理论。

色彩和谐原理说明

该工具使用感知色相校正系统(类似 Adobe Color),将和谐角度映射到人类实际感知颜色的方式,而非使用原始 HSL 值。这校正了 HSL 中色相分布不均的问题(绿色占据过多视觉空间,红/蓝色过少),生成看起来自然平衡的调色板。每种和谐类型通过智能扩展算法支持 2–12 种颜色,生成有意义的浅色、深色和色调,同时强制所有颜色之间保持最小亮度对比。

限制

官方资料未提供关于收费、价格、平台限制或具体性能指标的更多信息。