C# 或 WPF 中如何判断两个颜色是否近似

dotNET跨平台

于 2023-05-14 09:14:13 发布

阅读量531

点赞数

文章标签： wpf c# 开发语言

原文链接：https://mp.weixin.qq.com/s?__biz=MzAwNTMxMzg1MA==&mid=2654096560&idx=2&sn=02b93e422d2b19da53c0df373e671a2a&chksm=80d868e5b7afe1f360caff66eb6d9250ac92c22a0d0b8b438b2eae39d289f51aed2e0233086f&scene=126&sessionid=0

版权

C# 或 WPF 中如何判断两个颜色是否近似

独立观察员 2023 年 5 月 13 日

一、算法

对于这种算法问题，直接询问 ChatGPT 是最快的：

也就是说有两种方法，一是计算两个颜色的 RGB 分量差之和，二是计算两个颜色的欧几里得距离，然后两者都是与给定的阈值进行比较，小于阈值即可认为是近似的。

本次主要用于 WPF，同时为了便于测试 Demo 的使用，我把 ChatGPT 给的方法整理了一下：

https://gitee.com/dlgcy/WPFTemplateLib/blob/master/WpfHelpers/MediaColorHelper.cs

using System;
using System.Windows.Media;
/*
 * 源码己托管: https://gitee.com/dlgcy/WPFTemplateLib
 * 版本：2023年5月13日
 */
namespace WPFTemplateLib.WpfHelpers
{
    /// <summary>
    /// 媒体颜色帮助类
    /// </summary>
    public class MediaColorHelper
    {
        #region 相似比较


        /// <summary>
        /// [ChatGPT] 计算两个颜色之间的欧几里得距离（即两个颜色在 RGB 空间中的距离）
        /// </summary>
        public static double ColorDistance(Color color1, Color color2)
        {
            int rDiff = color1.R - color2.R;
            int gDiff = color1.G - color2.G;
            int bDiff = color1.B - color2.B;


            return Math.Sqrt(rDiff * rDiff + gDiff * gDiff + bDiff * bDiff);
        }


        /// <summary>
        /// [ChatGPT] 判断两个颜色是否近似（使用 两个颜色之间的欧几里得距离 与 给定阈值 进行比较，如果距离小于指定的阈值，则认为这两个颜色近似）
        /// </summary>
        public static bool AreColorsSimilar1(Color color1, Color color2, double threshold = 26)
        {
            double distance = ColorDistance(color1, color2);
            return distance <= threshold;
        }


        /// <summary>
        /// 获取两个颜色的 RGB 分量差之和
        /// </summary>
        public static int ColorSumOfComponentDifferences(Color color1, Color color2)
        {
            int rDiff = Math.Abs(color1.R - color2.R);
            int gDiff = Math.Abs(color1.G - color2.G);
            int bDiff = Math.Abs(color1.B - color2.B);
            return rDiff + gDiff + bDiff;
        }


        /// <summary>
        /// [ChatGPT] 判断两个颜色是否近似（判断两个颜色的 RGB 分量差之和是否小于指定的阈值，如果小于则认为这两个颜色近似）
        /// </summary>
        /// <param name="color1"></param>
        /// <param name="color2"></param>
        /// <param name="threshold"></param>
        /// <returns></returns>
        public static bool AreColorsSimilar2(Color color1, Color color2, int threshold = 45)
        {
            int sum = ColorSumOfComponentDifferences(color1, color2);
            return sum <= threshold;
        }


        #endregion


        #region 媒体颜色转换


        /// <summary>
        /// System.Drawing.Color 转 System.Windows.Media.Color
        /// </summary>
        /// <returns><see cref="Color"/> 对象，转换失败返回透明色</returns>
        public static Color DrawingColorToMediaColor(System.Drawing.Color drawingColor)
        {
            try
            {
                return (Color)ColorConverter.ConvertFromString(drawingColor.ToString());
            }
            catch (Exception ex)
            {
                Console.WriteLine(ex);
                return Colors.Transparent;
            }
        }


        /// <summary>
        /// 从颜色字符串（支持RGB和ARGB）转换为媒体颜色
        /// </summary>
        /// <param name="colorStr">ARGB颜色字符串（如#FF000000、#000000）</param>
        /// <returns><see cref="Color"/> 对象，转换失败返回透明色</returns>
        public static Color ColorStrToMediaColor(string colorStr)
        {
            try
            {
                return (Color)ColorConverter.ConvertFromString(colorStr);
            }
            catch (Exception ex)
            {
                Console.WriteLine(ex);
                return Colors.Transparent;
            }
        }


        #endregion
    }
}

至于 C# 版，是一模一样的，只不过颜色对象的命名空间不同而已。WPF 是 System.Windows.Media.Color 媒体颜色，而 C# 是 System.Drawing.Color 绘图颜色。

C# 的绘图颜色帮助类可在如下地址获取：

https://gitee.com/dlgcy/dotnetcodes/blob/dlgcy/DotNet.Utilities/%E9%A2%9C%E8%89%B2/DrawingColorHelper.cs

二、测试程序

在本人的 DLGCY_WPFPractice 项目中添加了一个测试窗口：

窗口上放了两个 HandyControl 的 ColorPicker 颜色选择器控件，选择后（不需要点击确定）会在下方 “方法一” 和 “方法二” 标签前面分别显示颜色 1 和颜色 2，方便肉眼近距离比较。方法一比较阈值和两个颜色的欧几里得距离，方法二比较阈值和两个颜色的 RGB 分量差之和，两者的阈值都可以在界面上设置，结果显示在最后面。

推荐使用连续模式，拖动任何一个颜色，底下的所有数据包括比较结果都能实时变动。