这个插图展示了一个颜色选择器控件的三个元素。

左上角的按钮状元素是一个颜色选择器。它显示一个紫色的正方形，并带有以下对应的标签：b380b3。

颜色调色板位于颜色选择器下方，以12x10的网格形式展示了120种颜色模式。一个紫色的正方形被用实线黑边框突出显示。颜色网格下方出现了“自定义颜色…”链接。

颜色调色板下方的“自定义颜色”对话框窗口包含以下元素（从左到右，从上到下）：

• 颜色区域显示了从亮紫色到黑色的紫色范围。

• 颜色条是一个垂直的颜色光谱，显示了选定的紫色。

• 水平的颜色模式条显示了当前颜色为紫色，新颜色为浅紫色。

• 设置区域。该区域包含三个选项卡：HSB、RGB和Web。HSB选项卡包含了色调、饱和度和亮度滑块。文本字段显示了相应的值，如色调为300，饱和度为16，亮度为89。

• 不透明度滑块显示值为100。

• “保存”、“使用”和“取消”按钮位于“自定义颜色”对话框窗口的右下角。