Color Palette & Studio

功能说明What It Does

色卡调色板收录莫兰迪、国风传统色、多巴胺等十余套设计师常用配色,点击色块即可一键复制 HEX / RGB / HSL 色值。

Browse a dozen+ curated palettes (Morandi, Chinese traditional, Dopamine and more) and copy HEX / RGB / HSL with one click.

调色台可基于任意颜色生成互补、类似、三色、分裂互补等和谐配色方案。

The studio generates complementary, analogous, triadic and more harmonies from any base color.

帮助快速搭建品牌色板与 UI 配色。

Helps you quickly build brand palettes and UI color schemes.

无需设计软件，一个页面即可完成选色与配色。

No design software — pick and harmonize colors on a single page.

适用人群Who Should Use

UI / UX 设计师、前端开发者搭建配色方案。

UI/UX designers and frontend developers building color schemes.

品牌、插画、PPT 等需要快速取色的人群。

Brand, illustration and presentation people who need quick color picking.

技术原理How It Works

基于 HSL / HSV 色彩空间算法计算和谐配色。

Computes harmonious palettes using HSL / HSV color-space algorithms.

预置色板与实时配色计算均在浏览器本地完成。

Preset palettes and live palette computation both run locally in the browser.

安全与隐私Privacy & Security

无需登录、无数据采集，纯本地工具。

No login and no data collection — a pure local tool.

使用步骤How to Use

1. 在色卡库浏览并点击色块复制色值。Browse the library and click a swatch to copy.
2. 切换到「调色台」输入或选择基础色。Switch to the studio and pick a base color.
3. 查看下方自动生成的和谐配色方案。See the auto-generated harmony schemes.
4. 切换 HEX / RGB / HSL 格式并复制所需颜色。Switch HEX / RGB / HSL and copy.

常见问题FAQ