计算

免费调色板生成器

从十六进制颜色值立即创建匹配的调色板:包括色调、互补色、类似色、三原色和四原色。支持十六进制/RGB/HSL颜色值复制。

颜色调色板创建器
浅色调(色相)
深色调(阴影)
补充
类似物
三元
四重奏
信息

关于免费调色板生成器

创建配色方案是网页设计、平面设计和品牌识别项目中至关重要的步骤之一。精心挑选的配色方案能够提升用户体验、强化品牌一致性并减轻眼部疲劳。 Hostragons 调色板创建器 这样,您就可以从单一主色开始,立即创建五种不同的调色板样式。

工具; 色调(浅色调)色调(深色调), 补充, 类似物, 三元组四重四元组 它根据色彩理论计算色彩和谐度。对于每种颜色…… 六边形, RGB高速铁路 只需单击一下即可复制格式。您可以通过输入十六进制代码或使用颜色选择器来选择所需的颜色。

所有计算均在您的浏览器中实时完成;不会向服务器发送任何数据。您可以在准备 CSS 变量、Tailwind 主题颜色或 Figma 颜色样式时将此工具作为参考。凭借其土耳其语界面和移动友好型设计,它可在台式机和智能手机上流畅运行。

如何使用?

步步

  1. 在 HEX 框中输入颜色代码(例如: #3b82f6或者点击颜色选择器图标浏览颜色。
  2. 该工具将自动选择您选择的颜色。 色调, 补充, 类似物, 三元组四重四元组 它生产托盘。
  3. 每个颜色框下方 HEX、RGB 和 HSL 您将看到这些值;单击所需的格式,即可将其复制到剪贴板。
  4. 更改主色时,所有调色板都会立即更新; 实时预览 因此,你会立刻感受到其中的和谐。
常见问题解答

常见问题解答

在色轮上,与所选颜色正好相对(180°)的颜色称为互补色。它能提供高对比度,是打造醒目点缀色的理想选择。

邻近色是指色轮上彼此相邻(±30°)的颜色。这种和谐的色彩组合常见于自然界,给人以平静平衡之感;它常用于背景色与文字色的搭配。

三色和谐中,色轮被分成三个相等的部分(120°);这可以创造出平衡而充满活力的色调。四色和谐中,四种颜色以90°的间隔排列;这提供了更丰富的色调,但需要谨慎使用。

您可以点击颜色选择器打开操作系统自带的颜色选择器。如果您有 RGB 或 HSL 值,可以先使用在线转换器将其转换为 HEX 值,然后粘贴到这里。

复制每种颜色的 HEX 或 HSL 值。 :root { --primary: #3b82f6; } 您可以像这样将其定义为 CSS 变量。HSL 格式特别适合以编程方式调整亮度/饱和度。