精华内容
下载资源
问答
  • glsl-hsl2rgb GLSL 中的 HSL 到 RGB 颜色转换。 #pragma glslify : hsl2rgb = require(glsl - hsl2rgb) ... // 75deg hue, 50% sat, 25% lightness vec3 rgb = hsl2rgb( 75.0 / 360.0 , 0.5 , 0.25 ); gl_...
  • 这个包由 3 个文件组成:rgb2hsl.m、hsl2rgb.m 和 hsltest.m。 前两个执行 1d 和 2d 数组(图像)的 HSL 和 RGB 颜色空间之间的颜色转换。 最后一个文件包括用于转换的单元测试。
  • HSL地图样式 这是整个HSL内部和外部服务中使用的地图的主要矢量样式。 它与MapBox兼容,并且可以通过切换图层根据您的需要进行自定义。 CLI工具 bin/styletool-cli还包含用于拆分和组合样式的CLI工具。 如果要将大的...
  • 主要介绍了C#实现HSL颜色值转换为RGB的方法,涉及C#数值判定与转换的相关技巧,需要的朋友可以参考下
  • 该软件包包括用于在 sRGB 和以下颜色模型之间进行转换的双向工具: 恒指HSL HSY(色度归一化极性 YPbPr) HuSL(色度归一化 LCHab 和 LCHuv) HSYp(HSY 的旋转对称子集) HuSLp(HuSL 的旋转对称子集) LCH(LAB、...
  • 主要介绍了CSS3中HSL和HSLA的简单使用示例,两个声明都是被用来处理样式颜色的,需要的朋友可以参考下
  • RGB HSL颜色模式转换

    2019-01-04 13:10:59
    rgb hsl 六个滑块,直观了解各值对颜色的影响,拖动任意滑块即时观察颜色转换效果
  • void RGB_to_HSL(/*[in]*/const COLOR_RGB* rgb, /*[out]*/COLOR_HSL* hsl); void HSL_to_RGB(const COLOR_HSL* hsl, COLOR_RGB* rgb);
  • 生成色调饱和度亮度颜色图用法:hslcolormap(N,H,S,L) 输入: N:颜色图中的颜色数。 H:色调停止(可选)。 % 也可以使用字符串指定:rygcbmRYGCBM S:饱和停止(可选) L:亮度停止(可选) 停止点均匀地放置在...
  • HSL:HSL-Android-App-源码

    2021-07-09 05:38:29
    HSL HSL-Android-App 这是基于 HSL API 的 android 应用程序的演示。 使用 Android 4.0.3 测试。 特征 从 HSL 搜索路线。 从联系人/GPS/存储位置读取地址。 在应用程序中存储每日位置。 旅行时,打开 GPS 跟踪您...
  • HSL车辆位置数据和时间表的可视化和数据分析 目录结构 / app包含一个托管可视化文件的express.js应用程序。 / tools主要包含用于查询HSL API的python工具 您需要具有/credentials.conf文件,其中包含以下几行: 您...
  • 该软件包可在 sRGB、Y'PbPr、Y'CbCr、JPEG-Y'CbCr、Y'UV、Y'IQ、Y'DbDr、HSV、HSL、HSI、CIE XYZ、CIE L*a*b*( CIELAB)、CIE L*u*v* (CIELUV) 和 CIE L*ch (CIELCH) 和 CIE CAT02 LMS。 它既可以用作 C/C++ 程序的...
  • JavaScript实现HSL拾色器

    2020-11-20 12:50:16
    HSL 和 HSV 在数学上定义为在 RGB 空间中的颜色的 R, G 和 B 的坐标的变换。 从 RGB 到 HSL 或 HSV 的转换 设 (r, g, b) 分别是一个颜色的红、绿和蓝坐标,它们的值是在 0 到 1 之间的实数。设 max 等价于 r, g 和 ...
  • HSLuv是HSL的人性化替代方案。 就像HSL一样,但是当“亮度”属性更改时,颜色只会在感觉上变亮或变暗。 在HSL中,如果您从绿色调到红色,则可感知的亮度会有很大差异。 在HSLuv中,几乎没有。 如果您想亲自查看,...
  • 支持RGB,HEX,HSV,HSL,CMYK和CSS字符串。 安装 与npm npm install colorsys 在浏览器中加载或复制粘贴到您的代码中 [removed][removed] 例 var colorsys = require ( 'colorsys' ) const hsl = colorsys . ...
  • CSS3色彩模式有哪些?这篇文章主要介绍了CSS3色彩模式是什么?告诉大家HSL色彩模式的定义、语法,感兴趣的小伙伴们可以参考一下
  • jQuery HSL 颜色选择器 一个 css 和 javascript 驱动的 HSL 选择器。 小巧、时尚且易于使用。 例子 $('input[type="color"]').hslPicker({ color: 'orange' }); 配置 color : 字符串 一个十六进制字符串(例如'#ff...
  • 色相选项卡是Chrome扩展程序,可在每个新的选项卡页面上显示HSL颜色选择器。 HSL(色相,饱和度和亮度)是一种表示颜色的直观方法。 色相(0-360): 饱和度(0-100%): 亮度(0-100%): 例如, hsl...
  • HSL.jl:Julia与HSL数学软件库的接口
  • 一个简单的功能,可以将颜色从HSV转换为HSL颜色空间。 HSV 值必须在 0 到 1 的范围内。输入值可以是具有 3 个元素的数组或矩阵,其中每列分别对应于色调、饱和度和值。 HSL 值显示在 0 到 1 的范围内。
  • <title>hsl直播H5代码 controls="controls" autoplay="autoplay" 部分代码 x-webkit-airplay="true" x5-video-player-fullscreen="true" preload="auto" playsinline="true" webkit-playsinline x5-...
  • HSL拾色器 由于Sketch 53支持HSL,因此该项目不再需要维护。 安装 从搜索“ HSL颜色选择器”。 下载 ,解压缩,然后双击“ HSL_Color_Picker.sketchplugin”。 执照 麻省理工学院 捐 或通过PayPal捐赠 。
  • 在RGB,HSL,HSV和HWB等之间进行颜色转换 资料来源: 命名约定: foo2bar:输入和输出在[0,1]中 fooToBar:自然范围:[0,360 []中的色调,[0,255]中的r / g / b,[0,100]的饱和度/值/亮度 默认导出是代理,也...
  • C#调色板 HSL取色器

    2016-12-22 16:06:27
    借鉴了高手的代码后制作的 HSL调色板
  • hsl-picker, 最优秀的HSL颜色选取器 :HSL的优点是什么HSL ( 色调饱和度亮度) 允许我们描述颜色之间有意义的关系。 给这个棕色,hsl(36, 73%, 10%),很明显,如果我们减去 40步,减轻 70步,我们得到 hsl(36, 33%, ...
  • HSL

    2019-11-28 10:09:04
    HSL色彩模式是工业界的一种颜色标准,是通过对色相(H)、饱和度(S)、明度(L)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的,HSL即是代表色相,饱和度,明度三个通道的颜色,这个标准几乎包括了...
    HSL色彩模式是工业界的一种颜色标准,是通过对色相(H)、饱和度(S)、明度(L)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的,HSL即是代表色相,饱和度,明度三个通道的颜色,这个标准几乎包括了人类视力所能感知的所有颜色,是目前运用最广的颜色系统之一。

    颜色HSL


    H: Hue 色相
    S:Saturation 饱和度
    L Lightness 明度

    概述

    HSL色彩模式使用HSL模型为图像中每一个像素的HSL分量分配一个0~255范围内的强度值。HSL图像只使用三种通道,就可以使它们按照不同的比例混合,在屏幕上重现16777216种颜色。
    在 HSL 模式下,每种 HSL 成分都可使用从 0到 255的值。(其中L是从黑(0)到白(255)渐变)
    Windows自带画图程序中菜单栏->颜色->编辑颜色->规定自定义颜色 中可以通过修改E(H)SL的值(0~240)以得到对应RGU(B)的值。

    模型解释


    HSL的H(hue)分量,代表的是人眼所能感知的颜色范围,这些颜色分布在一个平面的色相环上,取值范围是0°到360°的圆心角,每个角度可以代表一种颜色。色相值的意义在于,我们可以在不改变光感的情况下,通过旋转色相环来改变颜色。在实际应用中,我们需要记住色相环上的六大主色,用作基本参照:360°/0°红、60°黄、120°绿、180°青、240°蓝、300°洋红,它们在色相环上按照60°圆心角的间隔排列。

    H(hue)色相
    HSL的S(saturation)分量,指的是色彩的饱和度,它用0%至100%的值描述了相同色相、明度下色彩纯度的变化。数值越大,颜色中的灰色越少,颜色越鲜艳,呈现一种从理性(灰度)到感性(纯色)的变化。

    S(saturation)饱和度
    HSL的L(lightness)分量,指的是色彩的明度,作用是控制色彩的明暗变化。它同样使用了0%至100%的取值范围。数值越小,色彩越暗,越接近于黑色;数值越大,色彩越亮,越接近于白色。

    L(lightness)亮度

    HSL与RGB转换

    a) RGB→HSL的算法描述。
    步骤1:把RGB值转成【0,1】中数值。
    步骤2:找出R,G和B中的最大值。
    步骤3:计算明度:L=(maxcolor + mincolor)/2
    步骤4:如果最大和最小的颜色值相同,即表示灰色,那么S定义为0,而H未定义并在程序中通常写成0。
    步骤5:否则,根据明度L计算饱和度S:
    If L<0.5, S=(maxcolor-mincolor)/(maxcolor + mincolor)
    If L>=0.5, S=(maxcolor-mincolor)/(2.0-maxcolor-mincolor)
    步骤6:计算色调H:
    If R=maxcolor, H=(G-B)/(maxcolor-mincolor)
    If G=maxcolor, H=2.0+(B-R)/(maxcolor-mincolor)
    If B=maxcolor, H=4.0+(R-G)/(maxcolor-mincolor)
    H=H*60.0,如果H为负值,则加360。
    说明:1,由步骤3的式子可以看出明度仅与图像的最多颜色成分和最少的颜色成分的总量有关。明度越小,图像越趋于黑色。亮度越高图像越趋于明亮的白色。
      2,由步骤5的式子可以看出饱和度与图像的最多颜色成分和最少的颜色成分的差量有关。饱和度越小,图像越趋于灰度图像。饱和度越大,图像越鲜艳,给人的感觉是彩色的,而不是黑白灰的图像。
      3,色调决定了人对图像的不同的颜色感受。
      4,从第6步的计算看,H分成0~6区域。RGB颜,色空间是一个立方体而HSL颜色空间是两个六角形锥体,其中的L是RGB立方体的主对角线。因此,RGB立方体的顶点:红、黄、绿、青、蓝和 品红就成为HSL六角形的顶点,而数值0~6就告诉我们H在哪个部分。
    b) HSL→RGB的算法描述。
    步骤1:If S=0,表示灰色,定义R,G和B都为L.
    步骤2:否则,测试L:
    If L<0.5,temp2=L*(1.0+S)
    If L>=0.5,temp2=L+S-L*S
    步骤3:temp1=2.0*L-temp2
    步骤4:把H转换到0~1。
    步骤5:对于R,G,B,计算另外的临时值temp3。方法如下:
    for R, temp3=H+1.0/3.0
    for G, temp3=H
    for B, temp3=H-1.0/3.0
    if temp3<0, temp3=temp3+1.0
    if temp3>1, temp3=temp3-1.0
    步骤6:对于R,G,B做如下测试:
    If 6.0*temp3<1,color=temp1+(temp2-temp1)*6.0*temp3
    Else if 2.0*temp3<1,color=temp2
    Else if 3.0*temp3<2,
    color=temp1+(temp2-temp1)*((2.0/3.0)-temp3)*6.0
    Else color=temp1
    HSL→RGB的C语言算法:
    
      
    1. float H = 0.5, S = 0.5, L = 0.5; // HSL取值范围(0, 1)
    2. float R, G, B;
    3. float q, p;
    4. float T[ 3];
    5. if (S == 0)
    6. {
    7. R = G = B = L;
    8. }
    9. else
    10. {
    11. if (L < 0.5)q = L*( 1.0 + S);
    12. if (L >= 0.5)q = L + S - L*S;
    13. p = 2.0*L - q;
    14. T[ 0] = H + 0.3333333f;
    15. T[ 1] = H;
    16. T[ 2] = H - 0.3333333f;
    17. for ( int i = 0; i < 3; i++)
    18. {
    19. if (T[i] < 0) T[i] += 1.0f;
    20. if (T[i] > 1) T[i] -= 1.0f;
    21. if ((T[i] * 6) < 1)
    22. {
    23. T[i] = p + ((q - p)* 6.0f*T[i]);
    24. }
    25. else if ((T[i] * 2.0f) < 1)
    26. {
    27. T[i] = q;
    28. }
    29. else if ((T[i] * 3.0f) < 2)
    30. {
    31. T[i] = p + (q - p) * (( 2.0f / 3.0f) - T[i]) * 6.0f;
    32. }
    33. else T[i] = p;
    34. }
    35. R = T[ 0];
    36. G = T[ 1];
    37. B = T[ 2];
    38. }
    39. R = ((R > 1) ? 1 : ((R < 0) ? 0 : R)); //取值范围(0,1)
    40. G = ((G > 1) ? 1 : ((G < 0) ? 0 : G)); //取值范围(0,1)
    41. B = ((B > 1) ? 1 : ((B < 0) ? 0 : B)); //取值范围(0,1)
    42. //为了使代码更具通用性,此处不写成一个方法(有些语言声明方法的形式不一致)。
    43. //此段代码也不需要任何头文件。
    44. //各操作平台对RGB和HSL的取值范围也不同,这里统一为0到1。

    原文地址: https://baike.baidu.com/item/HSL/1443144?fr=aladdin

    展开全文
  • 浮动rgb2hsl 将 [R,G,B] 转换为 [H,S,L]。 var rgb2hsl = require ( 'float-rgb2hsl' ) var rgb = [ 0.375 , 0.625 , 0.625 ] var hsl = rgb2hsl ( rgb ) // -> [0.5, 0.25, 0.5] 所有输入/输出都使用范围 [0 .....
  • HSL转RGB和十六进制代码 拖动时更改颜色 单击更改颜色时 HSL到RGB的转换 Div元素BackGround图像彩色图像到Canvas Elem(添加Canvas脚本代码) 选择颜色 添加转化代码复制按钮 版本记录 V 1.0.1 单击更改颜色...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 14,099
精华内容 5,639
关键字:

hsl