iToolsPro

色卡调色板

精选设计师常用配色(莫兰迪 / 国风 / 多巴胺等),一键复制色值;调色台可基于任意颜色生成互补 / 类似 / 三色等和谐配色

复制格式
Palettes · Studio · Local

设计师配色,色卡 · 调色 · 本地

收录莫兰迪、国风、多巴胺等精选色卡,一键复制 HEX / RGB / HSL;调色台基于任意颜色生成和谐配色方案。

100% 本地处理 · 纯前端计算

核心特性

精选色卡库
内置莫兰迪、国风传统色、多巴胺等十余套设计师常用配色。
A dozen+ curated palettes: Morandi, Chinese traditional, Dopamine and more.
和谐配色生成
基于任意颜色生成互补 / 类似 / 三色 / 分裂互补等配色方案。
Generate complementary, analogous, triadic and more from any base color.
多格式复制
HEX / RGB / HSL 三种格式自由切换,点击色块即复制到剪贴板。
Switch between HEX / RGB / HSL, click any swatch to copy.

适用场景

🎨 平面设计 🖥 UI 配色 🏷 品牌色板 🖌 插画绘画

色卡调色板功能说明与使用指南Color Palette Guide

了解色卡调色板的功能、如何使用配色,以及常见问题解答。Browse curated palettes, copy HEX / RGB / HSL, and generate harmonious schemes from any color.

功能说明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

Q1. 支持哪些颜色格式?Q1. Which color formats are supported?

支持 HEX、RGB、HSL 三种格式,工具栏一键切换。HEX, RGB and HSL, switchable in the toolbar.

Q2. 和谐配色是怎么算的?Q2. How are harmonious schemes calculated?

基于色相环按互补、类似、三色、分裂互补等经典理论自动推导。Derived from classic color-wheel theory (complementary, triadic...).

Q3. 色值可以商用吗?Q3. Can color values be used commercially?

可以,色值本身不受版权限制,可放心用于设计与开发。Yes, color values are free to use in design and code.