答案1
恕我直言,打开 Firefox 来选择颜色效率不是很高,至少我不会这么做,特别是因为你可以通过两种不同的方式实现 Ubuntu 原生技巧,比如@Porcupine 的答案,我想对其进行扩展。
CLI 命令
实际上,您可以打开 BASH 并输入命令来获取颜色选择工具zenity
(在 Wayland 和 X11 中有效,在 Ubuntu 22.04 上不需要额外的库):
zenity --color-selection
您甚至可以使用以下命令自动复制输出(RGB 颜色),可以方便地将其设置为别名:
zenity --color-selection | xsel --clipboard
但如果你和我一样,觉得这有点痛苦,请继续阅读。
键盘快捷键+HEX 输出
如果您想要更上一层楼,可以将上述命令设置为通过键盘快捷键调用。具体操作如下:
- 将上述命令重写为函数
- 奖励:附加一些功能以将 RGB 输出转换为 HEX(这是我在 React Native 中所需要的,对其他人也可能有用)
- 例如转换
rgb(255,255,255)
为#ffffff
- 例如转换
- 封装到
my_function_script.sh
文件中
#!/bin/bash
function pick-hex() {
# Pick a color and return it into the clipboard as HEX, not RGB
# Use Zenity to select an RGB color
color=$(zenity --color-selection)
# Remove the "rgb(" prefix and ")" suffix
color=${color#rgb(}
color=${color%)}
# Split the color into individual RGB values
IFS=',' read -r red green blue <<< "$color"
# Trim leading spaces
red=$(echo "$red" | xargs)
green=$(echo "$green" | xargs)
blue=$(echo "$blue" | xargs)
# Convert RGB to hexadecimal
red_hex=$(printf "%02X" "$red")
green_hex=$(printf "%02X" "$green")
blue_hex=$(printf "%02X" "$blue")
# Combine the RGB values to form the hexadecimal color
hex_color="#$red_hex$green_hex$blue_hex"
# Copy the color to the clipboard for use in other applications
echo -n "$hex_color" | xsel --clipboard
}
pick-hex
完成上述操作后,在 Ubuntu 中为该脚本设置键盘快捷键:
- 转到“键盘快捷键”
- 添加新的自定义快捷方式,然后单击“+”或“添加”按钮。
- 在命令字段中,输入脚本的路径(例如
/path/to/my_function_script.sh
)。 - 为快捷键分配自定义组合键,例如我喜欢shiftaltc
最后你就可以在 Ubuntu 的任何地方通过键盘获得一个合法的颜色选择工具。
答案2
这是一个解决方法。
使用 Firefox 打开您的图像、您制作的屏幕截图或网页。
file:///你的目录/你的图片.png
在 Firefox 中,转到:工具 > Web 开发人员 > 吸管
左键单击您想要的颜色。它被复制到剪贴板中。
例如:十六进制:#497FC1
答案3
适用于 Wayland 和 X11
zenity --color-selection
答案4
这是 X11本国的解决方案
- 不需要任何外部包,如 Agave、Gpick 或 Grabc 等。
- 并且它也不局限于网页(像前面的答案一样)
只需运行xmag
。从其手册页:
- 该
xmag
程序允许您放大 X 屏幕的某些部分。 - 按下按钮 2 即可将该区域拖至所需大小。
- 一旦选择了一个区域,就会弹出一个窗口,显示该区域的放大版本,其中源图像中的每个像素都由相同颜色的小方块表示。
- “在放大窗口中按下按钮 1 时,会显示指针下方像素的位置和 RGB 值,直到松开按钮为止”—— 这是 Color Picker 的 X11 原生解决方案。