当前位置: 首页 > 知识库问答 >
问题:

RGB至飞利浦Hue(HSB)

冯宏恺
2023-03-14

我正在制作一个音乐播放器来处理学校的作业。飞利浦色调灯将产生一些相应的视觉效果。我想让每首歌的视觉效果都与众不同。因此,我获取了播放曲目的封面艺术(使用LastFM API)以获得最常用的颜色,并将其用作创建其他颜色的基础。飞利浦色调有一种不同的显示颜色的方式,即HSB。所以我通过

颜色。RGBtoHSB()

例如,它给出了R=127,G=190,B=208的值H=0.5370371,S=0.38942307,B=0.8156863。现在我猜它们是在1的基础上计算的,所以我把亮度乘以255。色调是65535。(如图所示http://developers.meethue.com/1_lightsapi.html)

在飞利浦色调中设置这些计算值时,无论播放什么歌曲,颜色始终为redish或白色。

RGB到HSB之间的转换是否出现问题?

应大众要求,我的代码:

作为测试:

Color c = Colorconverter.getMostCommonColour("urltoimage");
float[] f = Colorconverter.getRGBtoHSB(c);
ArrayList<Lamp> myLamps = PhilipsHue.getInstance().getMyLamps();
State state = new State();
state.setBri((int) Math.ceil(f[2]*255));
state.setSat((int) Math.ceil(f[1]*255));
state.setHue((int) Math.ceil(f[0]*65535));
state.setOn(true);
PhilipsHue.setState(myLamps.get(1), state);

如上所述的功能

    public static Color getMostCommonColour(String coverArtURL) {
            Color coulourHex = null;
            try {
                BufferedImage image = ImageIO.read(new URL(coverArtURL));
                int height = image.getHeight();
                int width = image.getWidth();

                Map m = new HashMap();
                for (int i = 0; i < width; i++) {
                    for (int j = 0; j < height; j++) {
                        int rgb = image.getRGB(i, j);
                        int[] rgbArr = getRGBArr(rgb);
                        // No grays ...
                        if (!isGray(rgbArr)) {
                            Integer counter = (Integer) m.get(rgb);
                            if (counter == null) {
                                counter = 0;
                            }
                            counter++;
                            m.put(rgb, counter);
                        }
                    }
                }

                coulourHex = getMostCommonColour(m);
                System.out.println(coulourHex);
            } catch (IOException e) {
                e.printStackTrace();
            }
            return coulourHex;
        }

    private static Color getMostCommonColour(Map map) {
            List list = new LinkedList(map.entrySet());
            Collections.sort(list, new Comparator() {
                public int compare(Object o1, Object o2) {
                    return ((Comparable) ((Map.Entry) (o1)).getValue())
                            .compareTo(((Map.Entry) (o2)).getValue());
                }
            });
            Map.Entry me = (Map.Entry) list.get(list.size() - 1);
            int[] rgb = getRGBArr((Integer) me.getKey());
            String r = Integer.toHexString(rgb[0]);
            String g = Integer.toHexString(rgb[1]);
            String b = Integer.toHexString(rgb[2]);
            Color c = new Color(rgb[0], rgb[1], rgb[2]);
            return c;
        }
private static int[] getRGBArr(int pixel) {
        int alpha = (pixel >> 24) & 0xff;
        int red = (pixel >> 16) & 0xff;
        int green = (pixel >> 8) & 0xff;
        int blue = (pixel) & 0xff;
        return new int[] { red, green, blue };

    }

    private static boolean isGray(int[] rgbArr) {
        int rgDiff = rgbArr[0] - rgbArr[1];
        int rbDiff = rgbArr[0] - rgbArr[2];
        // Filter out black, white and grays...... (tolerance within 10 pixels)
        int tolerance = 10;
        if (rgDiff > tolerance || rgDiff < -tolerance)
            if (rbDiff > tolerance || rbDiff < -tolerance) {
                return false;
            }
        return true;
    }

    public static float[] getRGBtoHSB(Color c) {
        float[] hsv = new float[3];
        return Color.RGBtoHSB(c.getRed(), c.getGreen(), c.getBlue(), hsv);
    }

设置状态只是对飞利浦灯泡进行简单的put。当我检查受影响灯泡上的JSON时

{
    "state": {
        "on": true,
        "bri": 81,
        "hue": 34277,
        "sat": 18,
        "xy": [
            0.298,
            0.2471
        ],
        "ct": 153,
        "alert": "none",
        "effect": "none",
        "colormode": "hs",
        "reachable": true
    },
    "type": "Extended color light",
    "name": "Hue Spot 1",
    "modelid": "LCT003",
    "swversion": "66010732",
    "pointsymbol": {
        "1": "none",
        "2": "none",
        "3": "none",
        "4": "none",
        "5": "none",
        "6": "none",
        "7": "none",
        "8": "none"
    }
}

共有3个答案

隆芷阳
2023-03-14

作为HSB,您的RGB应分别为193度、39%和82%。所以至少S和B看起来是正确的。查看Philips hue API文档,将这些数字乘以255是正确的。

要获得H值作为度,将计算出的H值乘以360。这就是你如何得出193在你的情况下。一旦你有学位,你乘以182得到的值,你应该发送到飞利浦色调API(从Hack the Hue):

hue
The parameters 'hue' and 'sat' are used to set the colour
The 'hue' parameter has the range 0-65535 so represents approximately 
182*degrees (technically 182.04 but the difference is imperceptible)

这将为您提供不同于使用*65535方法获得的H值。

司马念
2023-03-14

我认为这里的问题是色调的色域非常有限。它富含红色和紫色,但在蓝绿色区域不能产生那么多饱和度。。

我建议将饱和度设置为最大值255,并且只改变色调。

根据文档中给出的表格,色调的“色调”属性不会直接映射到HSV的色调。近似值可能足够接近,但如果不够接近,则可能值得尝试转换到CIE 1931颜色空间,然后设置“xy”属性而不是色调。

薛弘阔
2023-03-14

特别感谢StackOverflow用户Gee858eeG注意到我的打字错误和Erickson提供的精彩提示和链接。

这里是一个工作函数,将任何RGB颜色转换为飞利浦色调XY值。返回的列表只包含两个元素0是X,1是Y。代码基于这个精彩的音符:https://github.com/PhilipsHue/PhilipsHueSDK-iOS-OSX/commit/f41091cf671e13fe8c32fcced12604cd31cceaf3

尽管这不会返回HSB值,但XY值可用于替换色调上的颜色。希望它能对其他人有所帮助,因为飞利浦的API没有提到任何公式。

public static List<Double> getRGBtoXY(Color c) {
    // For the hue bulb the corners of the triangle are:
    // -Red: 0.675, 0.322
    // -Green: 0.4091, 0.518
    // -Blue: 0.167, 0.04
    double[] normalizedToOne = new double[3];
    float cred, cgreen, cblue;
    cred = c.getRed();
    cgreen = c.getGreen();
    cblue = c.getBlue();
    normalizedToOne[0] = (cred / 255);
    normalizedToOne[1] = (cgreen / 255);
    normalizedToOne[2] = (cblue / 255);
    float red, green, blue;

    // Make red more vivid
    if (normalizedToOne[0] > 0.04045) {
        red = (float) Math.pow(
                (normalizedToOne[0] + 0.055) / (1.0 + 0.055), 2.4);
    } else {
        red = (float) (normalizedToOne[0] / 12.92);
    }

    // Make green more vivid
    if (normalizedToOne[1] > 0.04045) {
        green = (float) Math.pow((normalizedToOne[1] + 0.055)
                / (1.0 + 0.055), 2.4);
    } else {
        green = (float) (normalizedToOne[1] / 12.92);
    }

    // Make blue more vivid
    if (normalizedToOne[2] > 0.04045) {
        blue = (float) Math.pow((normalizedToOne[2] + 0.055)
                / (1.0 + 0.055), 2.4);
    } else {
        blue = (float) (normalizedToOne[2] / 12.92);
    }

    float X = (float) (red * 0.649926 + green * 0.103455 + blue * 0.197109);
    float Y = (float) (red * 0.234327 + green * 0.743075 + blue * 0.022598);
    float Z = (float) (red * 0.0000000 + green * 0.053077 + blue * 1.035763);

    float x = X / (X + Y + Z);
    float y = Y / (X + Y + Z);

    double[] xy = new double[2];
    xy[0] = x;
    xy[1] = y;
    List<Double> xyAsList = Doubles.asList(xy);
    return xyAsList;
}
 类似资料:
  • 首先是部门介绍 做AED相关的部门 六十多个人 PMO六个人(感觉这个岗位最多招一个人) 鼠鼠因为已经签了别的公司主打一个陪伴 不举手抢问题 记录一下大家的背景: 部门介绍完是自我介绍 可以中文可以英文 一共十位同学 大家的bg都很高 大部分都是bme专业 #晒一晒我的offer# #晒一晒我的offer# 同学1:英文介绍 本科没听懂 北航研 京东实习 同学2:中文介绍 上交本 麦吉尔硕 一篇一

  • Hue

    Hue 是运营和开发Hadoop应用的图形化用户界面。Hue程序被整合到一个类似桌面的环境,以web程序的形式发布,对于单独的用户来说不需要额外的安装。

  • 在许多生产环境中由许多客户机部署的产品上工作。它至少包含一个Spring Boot应用程序。 我们已经将flyway用于db模式迁移。从Spring Boot 1.5.x升级到2.0.x使我们的flyway版本从3.x升级到5.x。 Spring Boot迁移指南只是说在引导升级之前升级到Flyway4。然而,这将要求我们的所有客户在能够升级到最新版本之前进行中间升级。 那么,问题来了:你会如何从

  • RGB灯模块会根据接收到的信号或编程指令发出不同的灯光颜色和亮度,可快速制作出红绿灯、手电筒、小夜灯等精彩案例。 净重量:7.3g 体积:24×24×14mm 参数 工作电压:DC 5V 抗跌落能力:1.5m 工作温度:-10℃~55℃ 工作湿度:<95% 特点 丰富色彩表现

  • 可编程RGB灯,可以在编程指令下放出各种颜色的光芒。 生活实例 手电筒上使用了单色LED灯 游戏笔记本使用RGB灯营造出酷炫的效果 参数 尺寸:24×20mm 工作电流:15~73mA

  • 可编程RGB灯,可以在编程指令下放出各种颜色的光芒。 生活实例 手电筒上使用了单色LED灯 游戏笔记本使用RGB灯营造出酷炫的效果 参数 尺寸:24×20mm 工作电流:15~73mA