如何在Mac上找到颜色代码?


134

我曾经在Windows上预先找到要用于html上color edit tool的文本或背景色的颜色代码MS paint
但是现在我使用Mac而不是Windows。
如何使用Mac查找颜色代码?
Mac上是否已预先安装了像MS Paint这样的软件?

Answers:


230

有一个名为Digital Color Meter的实用程序(在Applications / Utilities中),该实用程序显示您当前正在悬停的所有内容的颜色代码。它比Preview更轻巧。还有一些用于将颜色值复制为字符串(+ + )或图像(+ + )的快捷方式。CC


4
这远比MS Paint选项更好
-Nivas

1
非常感谢你。这是一个比ms paint更好的工具!我仅在2周前购买了第一台Mac并出售了Windows。我想念窗户对我来说很容易使用。我希望在Mac上还有很多我不知道的更好的东西。
js_11年

我可以使用Digital Color Meter修改(例如,使其更亮或更灰色)拾取的颜色吗?
js_11年

@js_仅供参考,当您提到“使其更亮”或“更灰暗”时,您想使用HSL颜色模型。这是一个在线工具:hslpicker.com,您可以在其中输入数字色度计中的rgb值,然后调整饱和度(“灰度”)和亮度。
ghoppe

5
如果您正在寻找网络工作的十六进制代码,例如#e5e5e5,可以在Digital Color Meter中的View-> 下找到Display Values
pscl

33

/ Applications / Utilities /中的数字色度计是最佳选择。

在此处输入图片说明

彩色面板-选择器

在此处输入图片说明如果仔细看,这个选择器几乎无处不 在。

仔细查看字体控件,您可能会看到类似Format -> Font -> Show Colors或的措辞Format -> Show colors。(快捷方式通常是⇧⌘C)。您将获得上面显示的小型彩色面板,您可以在其中单击“放大镜”,然后从屏幕上的任何位置抓取颜色。例如:TextEdit,Pages,Mail等...这是保存颜色的剪贴板,但不报告所选颜色的十六进制值,CIE值或ITU-R Y'PbPr / Y'CbCr值。

可以显示字体面板的任何地方(通常为⌘T),都可以单击字体面板中的“文本颜色”图标,然后您将再次获得“颜色面板”(带有选择器)。

例如,您可以在此处在文本框中输入文本时,右键单击以打开上下文菜单,然后直接从Safari转到“字体->显示颜色” ...在所有可以更改字体的应用程序中均可使用。

每个可以使用color field更改任何颜色的应用程序中,可以单击“ color field”的边框,然后将再次获得颜色面板。例如Terminal.app->“首选项”->“设置”(文本和光标颜色的颜色字段)

您可以下载一些很酷的颜色帮手dasboard小部件,例如:colourmodColorTheory

您可以将插件下载到颜色面板中以获取十六进制颜色值。

如果您发现自己经常需要DCM,则可以考虑使用Automator.app创建一个全局“服务”,以启动Digital Color Meter.app。现在,您只需单击几下,便可以将该新服务绑定到“系统偏好设置”中的全局​​热键。结果:通过自定义键盘命令可随时随地运行DCM。


还有几件事-但最后:您还可以在VirualBox中运行Windows并使用MsPaint方法。/开玩笑/-很酷。:) :)


编辑:添加了另一个带有颜色配置文件的屏幕截图 在此处输入图片说明


感谢您的回答和修改。我想从屏幕上选择一种颜色,对其进行修改,并知道其rgb值或颜色代码。假发看起来不错。但是首先我想尝试DCM和颜色面板的组合来做到这一点。但是当我打开DCM窗口时,颜色面板窗口消失了。所以我不知道我用颜色面板选择和修改的颜色的rgb值。我该怎么办?顺便说一句,我不知道如何使用自动化器。
js_11年

然而,这些都不实际起作用。他们采样的颜色太暗。如果我对一种颜色进行采样,请将其更改为报告颜色,然后再次对其进行采样,则颜色会发生变化。在“图像”上没有滤镜或任何东西-我写了一个自定义应用程序,该应用程序实际上不执行任何操作,只是使用指定的确切RGB值绘制窗口。而且变化也不小。它明显更暗。
Nic Hartley

@NicHartley实际上,以上所有作品。如果两次采样之间的颜色发生了变化,则表明您的显示器未校准或具有默认的颜色配置文件。尝试分步进行:1.)系统偏好设置->显示->颜色(TAB),2.)选择:sRGB iEC61 ... 3.)打开Textedit将一些文本设置为指定的颜色,比如说250,150,50(使用滑块)4 。)取样颜色,您应该再次得到250,150,50。该Digital Color Meter应用程序也是如此。将弹出式窗口设置为display in sRGB-,它也会显示相同的数字。因此,以上两项工作都只需要使用相同的颜色配置文件即可。:)
jm666 '18

我选了一种颜色。我将一个框设置为该颜色。我采样了盒子。我将框设置为精确(略深)的颜色。我再次对盒子进行了采样,得到了第三种颜色,即深色。我什至尝试了一些内置的Apple品牌应用程序,以防他们再次使用有毒的供应商锁定程序,而我得到的结果完全相同。全部位于Macbook随附的默认内置显示屏上。两种方法都发生了相同的事情。如果您称其为“有效”,那么我想它确实有效。
Nic Hartley

@NicHartley坦率地说,您并没有完全理解您的评论,但是正如您在所附的屏幕截图中所看到的那样,采样的颜色具有相同的手动设置的rgb值(250,150,50),随后在采样中设置。您能写一些“如何复制”“不起作用”吗?(就像我添加了正确的采样设置方法一样)。简单来说,您不能将不同的颜色配置文件混合在一起。因此,在adobe配置文件中设置一些RGB值(可以说)必须在sRGB配置文件中导致不同的颜色(不同的RGB值)。请参阅我之前的评论和屏幕截图-如何为显示器设置sRGB。
jm666

3

我更喜欢RCWebColorPicker,请在此处进行检查:http ://www.rubicode.com/Software/RCWebColorPicker/

屏幕截图


优点:易于复制/粘贴或粘贴,足够智能以处理3字符形式(例如,将39C转换为上面的3399CC),并接受小写或大写字母。我使用它已有很长时间了,但在Mavericks中仍然可以正常使用。
斯科特·劳顿2014年





-2

有一个Preview预装的应用程序,您可以从中获取颜色。


1
感谢您提供的信息,但我无法找到通过Preview获得颜色的方法。我应该执行菜单上的哪个命令?
js_11年

预览提供了一种非常round回的方式来复制颜色,但是它仍然不显示十六进制值。在没有插件的情况下,最好的办法是打开注释,在文档中打开的任何文件上进行注释,然后选择颜色,然后单击放大镜。就像许多程序为颜色选择器/调色板管理器调用API一样。
bmike

什么是注释?
js_
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.