Sketch 中查看字体颜色的终极指南31

作为一名设计师，我们在 Sketch 中处理文字时经常需要查看字体颜色。无论是确保文本的可读性，还是在不同画板之间保持一致性，查看字体颜色对于确保设计准确至关重要。

Sketch 提供了几种方法来轻松查看字体颜色，本文将详细介绍每种方法，以帮助你准确、高效地管理文本颜色。

1. 使用“文本工具”

“文本工具”是一种内置工具，用于在 Sketch 中创建和编辑文本。它提供了一种简单的方法来查看字体颜色：
选择包含文本的图层。
在工具栏中，单击“文本工具”图标（T 形状）。
将光标悬停在文本上。这将显示一个工具提示，包含文本的字体、大小和颜色信息。

2. 使用“检查器”面板

“检查器”面板提供了一个更详细的视图，用于查看字体颜色和其他与文本相关的属性：
选择包含文本的图层。
在右侧面板中，单击“检查器”选项卡。
在“文本”部分下，你将看到“颜色”属性。它显示了用于文本的颜色值。

3. 复制并粘贴到文本编辑器中

此方法可以显示作为十六进制值或 RGB 值的字体颜色：
选择包含文本的图层。
按 ⌘ + C 复制文本。
将文本粘贴到文本编辑器中，如 TextEdit 或 Sublime Text。
在文本编辑器中，突出显示文本并查找颜色值。它通常出现在文本样式属性旁边，如 color: #000000;。

4. 使用颜色选取器插件

Sketch 中有许多插件，可以增强其颜色管理功能。一些流行的插件允许你使用颜色选取器来识别字体颜色：
安装 SketchColorPicker 或 Color Picker 等插件。
选择包含文本的图层。
使用插件在文本上取色。这将显示该颜色的十六进制或 RGB 值。

5. 使用开发者工具

作为最后的手段，你可以使用 Web 浏览器的开发者工具来查看字体颜色：
在 Sketch 中导出文本为 HTML。
在 Web 浏览器中打开 HTML 文件。
右键单击文本并选择“检查”。
在“元素”面板中，找到文本元素。
在“样式”选项卡下，查找“color”属性。它显示了用于文本的颜色值。

Sketch 提供了几种简单的方法来查看字体颜色。从使用内置工具到使用插件，你可以轻松管理文本颜色并确保设计的一致性。通过遵循本文中的步骤，你将能够自信地查看并在 Sketch 中应用字体颜色。

2025-02-18

上一篇：Sketch 高效界面切图指南

下一篇：SketchUp 编辑文字的全面指南