颜色选择器Opacity功能异常问题求助

问题根源 #

1. 局部变量覆盖成员变量：点击取色时，方法内定义了局部selectedColor，未更新类的成员变量private Color selectedColor = Color.White;，导致滑动透明度时始终使用初始白色。
2. 透明度计算逻辑错误：原代码将原颜色的Alpha值与滑块值相乘，造成透明度叠加异常，正确逻辑应直接用滑块值作为目标颜色的Alpha通道。

修复后的代码 #

namespace System_Tools
{
    public partial class colorpickerPage : UserControl
    {
        private Color selectedColor = Color.White; 

        public colorpickerPage()
        {
            InitializeComponent();
            colorWheelPictureBox.MouseClick += colorWheelPictureBox_MouseClick;
            opacityTrackBar.Scroll += opacityTrackBar_Scroll;
            UpdateColorDisplays(selectedColor);
        }

        private Form1 parentForm;

        public void SetParentForm(Form1 form)
        {
            parentForm = form;
        }

        public string ColorToHex(Color color)
        {
            return $"#{color.R:X2}{color.G:X2}{color.B:X2}{color.A:X2}"; // 新增Alpha通道的Hex值
        }

        public string ColorToHSV(Color color)
        {
            double hue = color.GetHue();
            double saturation = color.GetSaturation();
            double brightness = color.GetBrightness();
            return $"{hue:F2}, {saturation:F2}, {brightness:F2}";
        }

        public string ColorToHSL(Color color)
        {
            double r = color.R / 255.0;
            double g = color.G / 255.0;
            double b = color.B / 255.0;

            double max = Math.Max(r, Math.Max(g, b));
            double min = Math.Min(r, Math.Min(g, b));

            double h = color.GetHue();
            double l = (max + min) / 2.0;
            double s = (max == min) ? 0 : (l <= 0.5 ? (max - min) / (max + min) : (max - min) / (2 - max - min));

            return $"{h:F2}, {s:F2}, {l:F2}";
        }

        public string ColorToCMYK(Color color)
        {
            float r = color.R / 255f;
            float g = color.G / 255f;
            float b = color.B / 255f;

            float k = 1 - Math.Max(r, Math.Max(g, b));
            float c = (1 - r - k) / (1 - k);
            float m = (1 - g - k) / (1 - k);
            float y = (1 - b - k) / (1 - k);

            return $"{c:F2}, {m:F2}, {y:F2}, {k:F2}";
        }

        private void colorWheelPictureBox_MouseClick(object sender, MouseEventArgs e)
        {
            Bitmap bitmap = new Bitmap(colorWheelPictureBox.Image);
            // 直接更新类成员变量，而非定义局部变量
            selectedColor = bitmap.GetPixel(e.X, e.Y);
            UpdateColorDisplays(selectedColor);

            if (selectedColor.A != 0)
            {
                hexTextBox.Text = ColorToHex(selectedColor);
                rgbTextBox.Text = $"{selectedColor.R}, {selectedColor.G}, {selectedColor.B}, {selectedColor.A}"; // 显示Alpha值
                hsvTextBox.Text = ColorToHSV(selectedColor);
                hslTextBox.Text = ColorToHSL(selectedColor);
                cmykTextBox.Text = ColorToCMYK(selectedColor);
            }
        }

        private void opacityTrackBar_Scroll(object sender, EventArgs e)
        {
            UpdateColorDisplays(selectedColor);
        }

        private void UpdateColorDisplays(Color color)
        {
            hexTextBox.Text = ColorToHex(color);
            rgbTextBox.Text = $"{color.R}, {color.G}, {color.B}, {color.A}";
            hsvTextBox.Text = ColorToHSV(color);
            hslTextBox.Text = ColorToHSL(color);
            cmykTextBox.Text = ColorToCMYK(color);

            // 直接用滑块值作为Alpha通道（范围0-255）
            int alpha = opacityTrackBar.Value;
            Color blendedColor = Color.FromArgb(alpha, color.R, color.G, color.B);

            colorDisplayPanel.BackColor = blendedColor;
        }
    }
}

关键修改说明 #

1. 更新成员变量：取色时直接赋值给类的selectedColor成员变量，确保透明度调节基于用户选择的颜色。
2. 修正透明度逻辑：用滑块Value直接作为目标颜色的Alpha值，避免叠加原颜色Alpha导致的异常。
3. 完善颜色信息显示：Hex格式添加Alpha通道，RGB文本框显示完整的RGBA值，信息更全面。

内容的提问来源于stack exchange，提问作者Gamerlodge