javascript - HEX 到 HSL 转换 javascript-6ren

javascript - HEX 到 HSL 转换 javascript

转载作者：塔克拉玛干更新时间：2023-11-02 22:40:25

35

4

<分区>

您好，我正在尝试创建 HEX 到 HSL 转换器函数。我知道首先我应该将 HEX 转换为 RGB，然后从 RGB 转换为 HSL。我已经使用 StackOverflow 中的一些脚本完成了此操作。 S 和 L 工作正常，但 H(色调)工作不正常。我不知道为什么，这是我的代码:

toHSL: function(hex) {
    var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);

    var r = parseInt(result[1], 16);
    var g = parseInt(result[2], 16);
    var b = parseInt(result[3], 16);

    r /= 255, g /= 255, b /= 255;
    var max = Math.max(r, g, b), min = Math.min(r, g, b);
    var h, s, l = (max + min) / 2;

    if(max == min){
        h = s = 0; // achromatic
    } else {
        var d = max - min;
        s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
        switch(max) {
            case r: h = (g - b) / d + (g < b ? 6 : 0); break;
            case g: h = (b - r) / d + 2; break;
            case b: h = (r - g) / d + 4; break;
        }
        h /= 6;
    }

    s = s*100;
    s = Math.round(s);
    l = l*100;
    l = Math.round(l);

    var colorInHSL = 'hsl(' + h + ', ' + s + '%, ' + l + '%)';
    $rootScope.$emit('colorChanged', {colorInHSL});

当输入是#ddffdd

然后输出为 hsl(0.3333333333333333, 100%, 93%)

但应该是 hsl(120, 100%, 93%)。

35

4

0

文章推荐： javascript - forEach 循环与异步代码？

文章推荐： Java BigDecimal 与 Android BigDecimal

文章推荐： javascript - 尾调用优化递归函数

hex - 如何在cc2530 EB上烧录.hex intel格式文件
你好，我是 SMARTRF-05EB - 评估板的新手，我已经在 Linux 虚拟机中安装了 SDCC 和 Contiki-2.6。我能够构建此目录 contiki-2.6/contiki/examp
hex - printf byte to hex string 奇怪的输出
下面的简单代码会产生奇怪的输出: #include #include #include "/tmp/sha.h" #define DIGEST 64 //taken from coreutils
python - 为什么 Hex() 函数返回一个字符串而不是一个 int hex？
我不知道为什么 Hex 函数返回一个像 '0x41' 而不是 0x41 的字符串我需要将 ASCII 值转换为十六进制。但我想要 0x INT 格式，而不是 '0x' 字符串。 ascii = 36
C++ 在读取 Hex 和将 Hex 写入文件时遇到问题
所以我试图从十六进制文件中读取，修改十六进制值，将新的十六进制值写入新文件。然后打开新文件，再次修改十六进制并重写到第三个文件。我正在对十六进制值进行非常简单的加密。我用来阅读的函数是休闲的: ve
Clojure 相当于 Python 的编码 ('hex' ) 和解码 ('hex' )
是否有一种惯用的方式将 Clojure 中的字符串编码和解码为十六进制？来自 Python 的示例: 'Clojure'.encode('hex') # ⇒ '436c6f6a757265' '436
string - 德尔福东京 - 功能 : String to Hex and Hex to String
下面的函数可以完美地将字符串转换为十六进制: function String2Hex(const Buffer: AnsiString): string; begin SetLength(Resu
c++ - double to hex string & hex string to double
我要做的是将 double 字符串转换为十六进制字符串，然后再转换回 double 。以下代码将 double 字符串转换为十六进制字符串。 char * double2HexString(doub
python - 将 int 转换为 hex 并使终端将其读取为 hex
我正在尝试将整数转换为十六进制。我找到了解决此问题的答案，例如 this ，尽管它们对我不起作用。我的意思是: 如果我拿这个: buf = "" buf += "\xda\xc7\xd9\x74\x
hex - 使用 Base64 over Hex 编码我的 SHA-1 哈希是否会降低安全性？
许多在线示例将哈希显示为十六进制表示，它们通常是自定义实现。改用 Apache Commons Base64 编码有什么问题或安全性降低吗？在阅读有关编码的内容时，通常是在如何将二进制表示为 XML
bit-manipulation - Solidity 将 HEX 数字转换为 HEX 字符串
我需要存储这种类型的值 0xff0000或 0x00ff08 (十六进制颜色表示)在solidity智能合约中，并且能够在合约内将其转换为具有相同文本字符的字符串"ff0000" .我打算在 RSK
Javascript - 如何获得 2 种 HEX 颜色之间的 HEX 颜色渐变列表？
如果我有两种颜色: #ffcc00 和#334455 我如何获得这两种颜色之间的所有#hex 颜色，并逐渐排序？最佳答案你可以试试这个工具: http://www.colorhexa.com/ff
python - 如何在 Python 中存储 Hex 并将 Hex 转换为 ASCII？
我的命令输出类似于 0x53 0x48 0x41 0x53 0x48 0x49。现在我需要将其存储在十六进制值中，然后将其转换为 ASCII 作为 SHASHI。我试过的- 我尝试将十六进制值存储为
转换 Long -> Hex，然后将该 Hex 分配给 C 中的 Char
我正在使用计算 16 位 CRC 校验和的函数。该函数生成一个包含校验和的 LONG(以 10 为基数的数字格式)。当然，这可以以十六进制等效形式打印到控制台，如下所示: printf("Check
c++ - 查询中的 SQLite Int 到 Hex 和 Hex 到 Int
我有一些以 INTEGER 形式提供给我的数字数据。我将它与其他数据一起插入到 SQLite 中，但当我将其写出时 INTEGER 数字需要为 8 位 Hex 数字，前导零。例如输入 400 80
swift - 从 Int 转换为 Hex 值然后将 hex 值附加到 Data 对象后出现错误 Swift？
在尝试附加数据对象转换为十六进制值后，我有如下代码，但它给了我以下错误: Unexpectedly found nil while unwrapping an Optional value let n
c++ - 你能解释一下在 C++ 中使用 std::hex 和 std::wios::hex 时输出的原因吗
我有三个程序。程序A的代码如下: #include "stdafx.h" #include #include #include using namespace std; int _tmain(
ruby - 为什么 hex -> base64 与 base64 -> hex 使用 pack 和 unpack 如此不同？
我得到了这段代码，它从十六进制转换为 base64，反之亦然。我从另一个 SO 问题中得到了 to_base64，然后我通过一些猜测和反复试验编写了 to_hex。 class String de
hex - 这些来自磁卡的数据是如何编码的？
我有一些关于控制建筑物访问的磁卡的信息，并且需要对软件在卡上存储数据的方式进行逆向工程，以制作具有更多功能的东西。 (我们已经和原来的程序员失去了联系。) 我不知道如何编写订单；我不是磁卡专家。我知
hex - 查找十六进制模式和出现次数
我想在我拥有的 HEX 文件中找到模式并按出现次数对它们进行排序。我不是在寻找某种特定的模式，只是为了对那里发生的事件进行一些统计并对其进行排序。 DB0DDAEEDAF7DAF5DB1FDB1DD
hex - RFID算法获取卡号
我在出示卡片时从 RFID 阅读器接收字节，但我无法弄清楚如何从这些字节中获取卡 ID。例如，我有一张卡片，上面印有这些数字: 0007625328 116,23152 .我希望这是那张卡的 ID，

首页

博学

6Ren·AI

商城

javascript - HEX 到 HSL 转换 javascript