CSS 颜色选择器

  • 项目

CSS 颜色选取器允许您将 CSS 颜色值插入 CSS 颜色属性。 它包括标准的调色板的颜色和使用标准颜色的名称、哈希代码、RGB、RGBA、HSL 和 HSLA 颜色值，并显示最近使用的颜色的列表。 默认情况下，颜色选取器将输入十六进制值。 要更改此设置，请参见“选项”对话框 ->“文本编辑器”->“CSS”->“格式”。

选择颜色

颜色选取器有一个颜色条和彩色屏幕。 始终首先访问颜色条。

要显示的颜色条

  • 键入任何 CSS 属性，其采用的颜色值 （例如，颜色：、rgb （、rgba (、hsl （、hsla（ 或 #）。

  • 要访问键盘的颜色条，将光标放置在样式表中现有的颜色并按 Ctrl-J 或 Ctrl-空格键。

在空样式表中，颜色条显示默认托盘。 在现有颜色的样式表中，颜色条显示最近使用的颜色的列表。

从颜色条选择颜色。

  1. 单击颜色条中的颜色之一或按向下箭头以进入颜色条，然后使用向左箭头键、向右箭头键来选择一种颜色。

    在样式表中，属性值将更改为您选择的不同颜色。

  2. 若要查看更多颜色，单击颜色条上的左侧和右侧的箭头，或使用箭头键移动颜色栏上的左和右。

  3. 按 ENTER 键将您选择的颜色分配给 CSS 颜色属性。

从颜色屏幕选择自定义颜色。

  1. 要显示在彩色屏幕，选择颜色栏可见时颜色条的右端上的加号 (+) 或在键盘上按下箭头键一次或两次。

  2. 执行下列操作之一或更多：

    • 使用鼠标在屏幕中选择一种颜色。

    • 通过将滑块右侧向上或向下移动更改颜色。

    • 通过将滑块底部向左或向右移动更改不透明度。 将在 RGBA 或 HSLA 格式输入值。

    • 选择 挑 将指针更改为吸管工具。 当您移动指针时将预览所选的颜色。

    这些方法中的任何更改的颜色时，原始的颜色显示在 原 框，所选的颜色出现在 新 样式表上预览框和 CSS 颜色属性的值。

  3. 按 ENTER 键将您选择的颜色分配给 CSS 颜色属性。

备注

您选择的颜色通过使用您的显示器的显示设置，可以在另一个显示器上查看不同的显示。

  • 新建
    显示已在对话框中选择但尚未分配给 CCS 规则的颜色。

  • 原始
    显示当前分配给 CCS 规则的颜色。

  • Opacity
    向右滑动按钮增加颜色的不透明，或向左滑动按钮则递减。

    备注

    因为没有任何的不透明度标准的十六进制格式的标准，颜色选取器将调整不透明度时输入 RGBA 或 HSLA 值。

  • Pick
    将指针更改到取色器工具，通过该工具可在屏幕上选择任意颜色，然后将其分配给 CSS 属性。 在屏幕上移动指针时，相应的指针位置的颜色在 新 框预览和 CSS 相关颜色属性的值在样式表上更改。

请参见

参考

“选项”对话框 ->“文本编辑器”->“CSS”->“格式”