设计基础

颜色与描边

使用取色器、渐变、颜色库与全局透明度为图层上色;描边支持不同的对齐方式、端点与圆角连接。

基于 Penpot 官方文档整理汉化 更新于 2026-10-08

填充

几乎所有图层都可以拥有一个或多个填充。填充支持纯色、线性渐变、径向渐变与图片。多个填充会自上而下叠加,结合各自的透明度可以做出丰富的视觉效果。按 I 可快速调用取色器拾取画布上的颜色。

颜色面板里能做什么

  • 在 HEX、RGB、HSL 之间切换输入颜色数值
  • 调整单个填充的不透明度
  • 保存颜色到当前文件库或团队共享库
  • 通过面板菜单在多个颜色库之间切换
  • 为渐变添加多个色标并拖动定位

描边

描边(Stroke)是图层边缘的线条,可以设置粗细、颜色、透明度与端点样式。闭合图形支持内侧、居中、外侧三种对齐方式;开放路径支持平头、圆头与方头端点,拐角处可选择斜接、圆角或斜切连接。还可以把描边设为虚线并定义长短间隔。

阴影与模糊

图层可叠加多层投影,分别设置 X/Y 偏移、模糊、扩展与颜色;也可以对图层整体或背景应用高斯模糊。这些效果都会在检查面板中转换为对应的 CSS box-shadow、filter 等代码。

实用提示
  • 品牌色建议保存为颜色样式或设计令牌,而不是在每个元素里重复输入色值。
  • 按数字键 0–9 可以快速调整选中图层的整体透明度。

准备好开始设计了吗?

不限文件数、不限席位,核心功能永久免费。

免费开始使用 查看全部文档