将int转换为RGB。PHP和HTML/CSS中的可视化

Question

我正在尝试将网格上的数据可视化，其中的单元格值实际上是由颜色表示的。红色代表高，蓝色代表低。我天真地认为PHP的dechex()可以帮助我，只需获取十六进制的int等效值并将其用作CSS中的background-color (我确实对小值应用了必要的0填充)。

但这并不能完全得到我想要的。有没有一种算法可以让我正确地将其可视化？红色代表高，蓝色代表低。

我当前的代码是：

<?php
    $dec = (int) $map[$y][$x]["total_score"];
    $hex = dechex($dec);
    $color = ($dec <= 65535) ? (($dec) ? "00$hex" : "ffffff") : 
                               (($dec <= 1048575) ? ("0$hex") : $hex);
?>

注意它的作用：

十进制的ff0000比ff00ff小，但在颜色上，前者显示红色，后者显示紫色。我希望红色代表非常高的小数，蓝色代表非常低的小数。

Answer 1

我认为RGB不是最好的颜色模型。我选择受现代浏览器支持的HSL：color: hsl(0.5, 0.5, 0.5)，并且很容易转换为RGB。

HSL让你很容易定义颜色的饱和度和明度，以及颜色本身。蓝色是240度，红色是360度，所以你所要做的就是将“低”映射到240，“高”映射到360，所有中值映射到240-360范围。

Answer 2

将红色替换为绿色，并通过0xFF00FF遮罩删除绿色，以便仅保留红色和蓝色。

$color = $your_decimal_number_you_want_to_colorize; // for example $color is 0x00F777
$color = $color << 8; // color is 0xF77700
$color = $color + ($color & 0x00FF00); // color is 0xF77777
$color = $color & 0xFF00FF; // color is 0xF70077

使用上面的代码，如果是$a > $b，那么$a将比$b更红。