颜色HSL（色调，饱和度，亮度）

最新推荐文章于 2022-09-23 11:26:14 发布
最新推荐文章于 2022-09-23 11:26:14 发布
阅读量6.3k 收藏 5
点赞数
分类专栏： 参考 文章标签： f# c 2010

  • 面的每一个表代表一种色调。每个色调以30度间隔从色环取得。
  • 表中的X轴代表饱和度(100%, 75%, 50%, 25%, 0%)。
  • Y轴代表亮度。50% 属于 '正常'。
 0度   红
  
 100%75%50%25%0%
100#FFFFFF#FFFFFF#FFFFFF#FFFFFF#FFFFFF
88#FFBFBF#F7C7C7#EFCFCF#E7D7D7#DFDFDF
75#FF8080#EF8F8F#DF9F9F#CFAFAF#BFBFBF
63#FF4040#E75858#CF7070#B78787#9F9F9F
50#FF0000#DF2020#BF4040#9F6060#808080
38#BF0000#A71818#8F3030#784848#606060
25#800000#701010#602020#503030#404040
13#400000#380808#301010#281818#202020
0#000000#000000#000000#000000#000000
 30度   红-黄 (=橙)
 饱和度   
 100%75%50%25%0%
100#FFFFFF#FFFFFF#FFFFFF#FFFFFF#FFFFFF
88#FFDFBF#F7DFC7#EFDFCF#E7DFD7#DFDFDF
75#FFBF80#EFBF8F#DFBF9F#CFBFAF#BFBFBF
63#FF9F40#E79F58#CF9F70#B79F87#9F9F9F
50#FF8000#DF8020#BF8040#9F8060#808080
38#BF6000#A76018#8F6030#786048#606060
25#804000#704010#604020#504030#404040
13#402000#382008#302010#282018#202020
0#000000#000000#000000#000000#000000
 60度   黄
 饱和度   
 100%75%50%25%0%
100#FFFFFF#FFFFFF#FFFFFF#FFFFFF#FFFFFF
88#FFFFBF#F7F7C7#EFEFCF#E7E7D7#DFDFDF
75#FFFF80#EFEF8F#DFDF9F#CFCFAF#BFBFBF
63#FFFF40#E7E758#CFCF70#B7B787#9F9F9F
50#FFFF00#DFDF20#BFBF40#9F9F60#808080
38#BFBF00#A7A718#8F8F30#787848#606060
25#808000#707010#606020#505030#404040
13#404000#383808#303010#282818#202020
0#000000#000000#000000#000000#000000
 90度   黄-绿
 饱和度   
 100%75%50%25%0%
100#FFFFFF#FFFFFF#FFFFFF#FFFFFF#FFFFFF
88#DFFFBF#DFF7C7#DFEFCF#DFE7D7#DFDFDF
75#BFFF80#BFEF8F#BFDF9F#BFCFAF#BFBFBF
63#9FFF40#9FE758#9FCF70#9FB787#9F9F9F
50#80FF00#80DF20#80BF40#809F60#808080
38#60BF00#60A718#608F30#607848#606060
25#408000#407010#406020#405030#404040
13#204000#203808#203010#202818#202020
0#000000#000000#000000#000000#000000
 120度   绿
 饱和度   
 100%75%50%25%0%
100#FFFFFF#FFFFFF#FFFFFF#FFFFFF#FFFFFF
88#BFFFBF#C7F7C7#CFEFCF#D7E7D7#DFDFDF
75#80FF80#8FEF8F#9FDF9F#AFCFAF#BFBFBF
63#40FF40#58E758#70CF70#87B787#9F9F9F
50#00FF00#20DF20#40BF40#609F60#808080
38#00BF00#18A718#308F30#487848#606060
25#008000#107010#206020#305030#404040
13#004000#083808#103010#182818#202020
0#000000#000000#000000#000000#000000
 150度   绿-青
 饱和度   
 100%75%50%25%0%
100#FFFFFF#FFFFFF#FFFFFF#FFFFFF#FFFFFF
88#BFFFDF#C7F7DF#CFEFDF#D7E7DF#DFDFDF
75#80FFBF#8FEFBF#9FDFBF#AFCFBF#BFBFBF
63#40FF9F#58E79F#70CF9F#87B79F#9F9F9F
50#00FF80#20DF80#40BF80#609F80#808080
38#00BF60#18A760#308F60#487860#606060
25#008040#107040#206040#305040#404040
13#004020#083820#103020#182820#202020
0#000000#000000#000000#000000#000000
 180度   青
 饱和度   
 100%75%50%25%0%
100#FFFFFF#FFFFFF#FFFFFF#FFFFFF#FFFFFF
88#BFFFFF#C7F7F7#CFEFEF#D7E7E7#DFDFDF
75#80FFFF#8FEFEF#9FDFDF#AFCFCF#BFBFBF
63#40FFFF#58E7E7#70CFCF#87B7B7#9F9F9F
50#00FFFF#20DFDF#40BFBF#609F9F#808080
38#00BFBF#18A7A7#308F8F#487878#606060
25#008080#107070#206060#305050#404040
13#004040#083838#103030#182828#202020
0#000000#000000#000000#000000#000000
 210度   青-蓝
 饱和度   
 100%75%50%25%0%
100#FFFFFF#FFFFFF#FFFFFF#FFFFFF#FFFFFF
88#BFDFFF#C7DFF7#CFDFEF#D7DFE7#DFDFDF
75#80BFFF#8FBFEF#9FBFDF#AFBFCF#BFBFBF
63#409FFF#589FE7#709FCF#879FB7#9F9F9F
50#0080FF#2080DF#4080BF#60809F#808080
38#0060BF#1860A7#30608F#486078#606060
25#004080#104070#204060#304050#404040
13#002040#082038#102030#182028#202020
0#000000#000000#000000#000000#000000
 240度   蓝
 饱和度   
 100%75%50%25%0%
100#FFFFFF#FFFFFF#FFFFFF#FFFFFF#FFFFFF
88#BFBFFF#C7C7F7#CFCFEF#D7D7E7#DFDFDF
75#8080FF#8F8FEF#9F9FDF#AFAFCF#BFBFBF
63#4040FF#5858E7#7070CF#8787B7#9F9F9F
50#0000FF#2020DF#4040BF#60609F#808080
38#0000BF#1818A7#30308F#484878#606060
25#000080#101070#202060#303050#404040
13#000040#080838#101030#181828#202020
0#000000#000000#000000#000000#000000
 270度   蓝-紫
 饱和度   
 100%75%50%25%0%
100#FFFFFF#FFFFFF#FFFFFF#FFFFFF#FFFFFF
88#DFBFFF#DFC7F7#DFCFEF#DFD7E7#DFDFDF
75#BF80FF#BF8FEF#BF9FDF#BFAFCF#BFBFBF
63#9F40FF#9F58E7#9F70CF#9F87B7#9F9F9F
50#8000FF#8020DF#8040BF#80609F#808080
38#6000BF#6018A7#60308F#604878#606060
25#400080#401070#402060#403050#404040
13#200040#200838#201030#201828#202020
0#000000#000000#000000#000000#000000
 300度   紫
 饱和度   
 100%75%50%25%0%
100#FFFFFF#FFFFFF#FFFFFF#FFFFFF#FFFFFF
88#FFBFFF#F7C7F7#EFCFEF#E7D7E7#DFDFDF
75#FF80FF#EF8FEF#DF9FDF#CFAFCF#BFBFBF
63#FF40FF#E758E7#CF70CF#B787B7#9F9F9F
50#FF00FF#DF20DF#BF40BF#9F609F#808080
38#BF00BF#A718A7#8F308F#784878#606060
25#800080#701070#602060#503050#404040
13#400040#380838#301030#281828#202020
0#000000#000000#000000#000000#000000
 330度   紫-红
 饱和度
 100%75%50%25%0%
100#FFFFFF#FFFFFF#FFFFFF#FFFFFF#FFFFFF
88#FFBFDF#F7C7DF#EFCFDF#E7D7DF#DFDFDF
75#FF80BF#EF8FBF#DF9FBF#CFAFBF#BFBFBF
63#FF409F#E7589F#CF709F#B7879F#9F9F9F
50#FF0080#DF2080#BF4080#9F6080#808080
38#BF0060#A71860#8F3060#784860#606060
25#800040#701040#602040#503040#404040
13#400020#380820#301020#281820#202020
0#000000#000000#000000#000000#000000

yacper
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HSL下饱和度亮度调节..rar
05-03
HSL（色相、饱和度、亮度）是一种常用于描述颜色的模型，它提供了直观且实用的方式来调整图像的颜色特性。在这个主题中，我们将深入探讨HSL模型以及如何在Delphi环境下对饱和度和亮度进行调节。 首先，让我们理解...
HSL颜色表
不怕不聪明，只怕聪明的人比我努力
03-15 8126
各种工具的一个网站：http://www.tool.la/ColorHSL/ --------------------------------------------------------------------------------------------------------- 这是脖主归纳的，好记多了吧：  红（0/360）  橙/红-黄（30）  黄（60）
色调、饱和度、色度、亮度
qq_52432727的博客
09-23 2570
色调、饱和度、色度、亮度概念区分
HSL颜色记录
ypuzhiyuan的博客
04-27 514
HSL H色调S饱和度L亮度 H ：0/360/-360红色 60黄色 120绿色 180情色 240蓝色 300洋红色 S 0%-100% 0%表示没有使用该颜色 100%饱和度最高 L ；0%最暗-100%亮度最高 除了IE浏览器。其他浏览器都兼容的很好 样例 li{ display: block; width...
css零到一基础教程009：CSS HSL 颜色
kerryqpw的博客
03-18 789
HSL 值 在 CSS 中，可以使用色相、饱和度和明度（HSL）来指定颜色，格式如下： hsla(hue, saturation, lightness) 色相（hue）是色轮上从 0 到 360 的度数。0 是红色，120 是绿色，240 是蓝色。 饱和度（saturation）是一个百分比值，0％ 表示灰色阴影，而 100％ 是全色。 亮度（lightness）也是百分比，0％ 是黑色，50％ 是既不明也不暗，100％是白色。 请通过混合以下 HSL 值来进行实验： 实例 &lt..
HSL空间下饱和度亮度调节
11-06
HSL（色相、饱和度、亮度）色彩模型是一种广泛使用的模型，尤其在颜色调整和视觉设计中。本篇文章将详细探讨在Delphi编程环境下如何实现HSL空间下的饱和度和亮度调节。 HSL色彩模型基于人类对颜色的直观感知，将...
色相饱和度亮度滤镜
04-01
色相饱和度亮度滤镜是图像处理中常见的一种技术，主要用以改变图像的颜色特性，增强或减弱图像的色彩强度，以及调整图像的整体明暗。在VB.NET编程环境中，可以利用GDI+（Graphics Device Interface Plus）库来实现...
HSL滤波器(线性校正,亮度,对比度,饱和度,色调修正).zip
05-09
在图像处理领域，HSL（色相、饱和度、亮度）滤波器是一种常见的颜色空间转换工具，用于调整图像的颜色特性。本压缩包文件“HSL滤波器(线性校正,亮度,对比度,饱和度,色调修正).zip”包含了一个名为“aforge_src”的源...
颜色模型互转 rgb hsl lab hsv
04-30
HSL模型更符合人类对颜色的认知，它将颜色分为色调(H)、饱和度(S)和明度(L)三个属性。色调H表示颜色的基本色，饱和度S表示颜色的纯度，明度L表示颜色的深浅。HSL模型便于理解和调整颜色，常用于色彩设计和调色。 3...
CSS第二章：3.颜色单位（HSL值、HSLA值）
要思考，要努力
04-27 1547
总览1.HSL值H - 色相，S - 饱和度，L - 亮度2.HSLA值A - 透明度一、色相 - H1.取值范围：0~360二、饱和度 - S1.取值范围：0~100%、亮度 - L1.取值范围：0~100% 四、HSL值 · 实操 1.HTML代码： 2.CSS代码： 3.实际显示 五、HSLA 1.无非就是加了一个参数负责调节透明度，参数取值范围为0~1 2.参考 RGBA 透明度调节：RGBA透明度调节教程 ...
整理：opencv颜色灰度值、HSV和HSL
沉迷单车的追风少年
08-01 6961
前言： 在opencv很多函数中都需要设定灰度值参数，但是我们很多时候并不知道我们的灰度值是多少，我整理了两种方法如下 1. 查颜色表，第一表查看颜色对应的灰度值的大概表示，用第二幅图估计颜色的灰度值的大致大小，虽有些粗略，但是挺实用 最左边值是255，最右边的值是0（原图很清晰，传上来就不行了……） 2.常见颜色HSV值，其中V是Value，即灰度值。如下表，最后两行就是灰度值的表...
HSL函数简介
weixin_30405421的博客
09-01 1002
HSL函数简介在 Sass 中提供了一系列有关于 HSL 的颜色函数，以供大家使用，其中常用的有 saturation、lightness、adjust-hue、lighten、darken 等等。接下来我们先来了解一下 HSL 颜色函数包括哪些具体的函数，所起的作用是什么：hsl($hue,$saturation,$lightness)：通过色相（hue）、饱和度(saturation)和亮度（...
HSLtoRGB
enter回车键
07-01 580
该函数用于转换 HSL 颜色为 RGB 颜色。 COLORREF HSLtoRGB( float H, float S, float L ); 参数 H 原 HSL 颜色模型的 Hue(色相) 分量，0 <= H < 360。 S 原 HSL 颜色模型的 Saturation(饱和度) 分量，0 <= S <= 1。 L 原 HSL 颜色模型的 Lightness(亮度) 分量，0 <= L <= 1。 返回值 对应的 RGB 颜色。 .
【色彩管理】HSI色彩模式详解
热门推荐
C/C++软件工程师、嵌入式软件工程师、物联网研发工程师、C/C++讲师、物联网讲师、嵌入式讲师---欢迎大家一起交流(私信添加博主微信)
05-06 1万+
00. 目录 文章目录00. 目录01. HSI模式概述02. HSI颜色空间03. RGB转HSI04. 预留05. 附录 01. HSI模式概述 HSI〔Hue-Saturation-Intensity(Lightness),HSI或HSL〕颜色模型用H、S、I三参数描述颜色特性，其中H定义颜色的频率，称为色调；S表示颜色的深浅程度，称为饱和度；I表示强度或亮度。 当人观察一个彩色物体时，用色调、饱和度、亮度来描述物体的颜色。色调是描述纯色的属性(纯黄色、橘黄或者红色)；饱和度给出一种纯色被白光稀释的程
图像色彩空间之RGB与HSI
sphone89的专栏
03-06 3048
根据颜色感知的角度来分类，颜色空间可考虑分成如下3类。 1）混合型颜色空间:按3种基色的比例合成颜色。例如，RGB，CMY(K)和XYZ等颜色空间就属于这种类型。 2）非线性亮度/色度型颜色空间:这种色彩空间的特点是用一个分量表示非色彩的感知，用两个独立的分量表示色彩的感知。当需要黑白图像时，这样的系统非常方便。例如，YUV等。 3）强度/饱和度/色调型颜色空间:用饱和度和色度描述色彩的感知...
HSL（色调，饱和度，亮度）
山不在高，有金则名
12-04 6133
HSL：Hue[hju]色调，Saturation['sætʃə'reʃən]饱和度，Luminance['lumɪnəns]亮度。 HSL色彩模式是工业界的一种颜色标准，它通过对色调(H)、饱和度(S)、亮度(L)三个颜色通道的变化， 以及它们相互之间的叠加来得到各式各样的颜色的。它是目前运用最广的颜色系统之一。 HSL色彩模式使用HSL模型为图像中每一个像素的HSL分量分配一个0~255
【C#/WPF】调节图像的HSL（色相Hue、饱和度Saturation、明亮度Lightness）
weixin_33694620的博客
05-25 1266
先说概念： HSL是一种描述颜色的方式，其他颜色描述方式还有大家熟悉的RGB值。HSL三个字母分别表示图像的Hue色相、Saturation饱和度、Lightness明亮度。 需求： 制作一个面板，包含三个滑动条，拖动滑动条可以修改目标图片的HSL值。即模仿PS中类似的功能，如下图： 方案一：遍历所有像素点，修改每个点的HSL值。 参考：https://stackoverflow.com...
颜色和单位
a828524的博客
10-21 372
颜色单位 1.命名颜色 如red white gray olive（橄榄色） 2.16进制颜色（红 绿 蓝 基本色）如#afaf56 （0~9 a~f） 3.rgb（0~255，0~255，0~255）或rgb（10%，0%，100%）不是所有浏览器都支持rgb的百分比 4.rgba（0~255，0~255，0~255，0~1） 0~1表示不透明度黑色啦 alpha ...
颜色hsl 色调饱和透明度
最新发布
06-05
HSL是一种颜色模型，它的名字代表了它的三个基本属性：色调（Hue）、饱和度（Saturation）和亮度（Lightness）。在HSL模型中，色调表示颜色的种类，饱和度表示颜色的纯度或者说强度，亮度则表示颜色的明暗程度。通过调整这三个参数的值，可以得到不同的颜色。 另外，HSL模型中还有一个可选的透明度（Alpha）参数，用来表示颜色的透明程度。在某些场景下，我们需要使用半透明的颜色，此时可以通过设置透明度来实现。 总结一下，HSL模型包含以下四个参数： - 色调（Hue）：表示颜色的种类，取值范围为0°~360°。 - 饱和度（Saturation）：表示颜色的纯度或者说强度，取值范围为0%~100%。 - 亮度（Lightness）：表示颜色的明暗程度，取值范围为0%~100%。 - 透明度（Alpha）：表示颜色的透明程度，取值范围为0~1。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值