UnityShader：HSV(色相，饱和度，亮度)转换

最新推荐文章于 2023-06-07 23:24:16 发布
置顶 VIP文章 最新推荐文章于 2023-06-07 23:24:16 发布
阅读量1.2w 收藏 15
点赞数 6
分类专栏： Unity3dShader 文章标签： unity3d Shader
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/costfine/article/details/46930473
版权

发现其实美术调整颜色的时候大部分都是调整的HSV，因为可以方便的分别调整色相(hue)、饱和度(saturation)和色调(value)。例如人们要将颜色调整的偏红一点，那么只需要修改色相， 如果使用RGB的话，就需要同时调整3个值，仅仅只是增加R值的话，理论上讲，只是把红色值加重了而已。就算是平时使用的调色板，大部分也是按照HSV来的，例如U3D的调色板：
这里写图片描述

颜色空间有很多中,RGB、HSL、HSV、CMYK...等等好多，如果有兴趣的话可以去搜搜。但我们这里只用HSV 。
比如一张贴图是红色系的，我们要改成绿色系，只需要将hue值偏移到绿色值就好了。
各种颜色空间转换的公式：
http://www.easyrgb.com/index.php?X=MATH&H=22#text22

方法我们知道了，公式也有了，下面直接写代码。

Shader "Tornado/ColorGradation_HSV" {
    Properties {
        //贴图
        _MainTex ("MainTex (RGB)", 2D) = "white" {}
        //Hue的值范围为0-359. 其他两个为0-1 ,这里我们设置到3，因为乘以3后 都不一定能到超过.
        _Hue ("Hue", Range(0,359)) = 0
        _Saturation ("Saturation", Range(0,3.0)) = 1.0
        _Value ("Value"<
最低0.47元/天 解锁文章
costfine
关注
  • 6
    点赞
  • 踩
  • 15
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
opencv利用摄像头对指定颜色的目标进行识别
qq_43131852的博客
10-09 4172
RGB与HSV详细介绍 转自https://blog.csdn.net/hanshanbuleng/article/details/80383813 RGB： RGB是从颜色发光的原理来设计定的，通俗点说它的颜色混合方式就好像有红、绿、蓝三盏灯，当它们的光相互叠合的时候，色彩相混，而亮度却等于两者亮度之总和，越混合亮度越高，即加法混合。 红、绿、蓝三个颜色通道每种色各分为256阶亮度，在0时“灯...
polar_distribution_​to_hsv:使用色相饱和度值颜色三元组总结极坐标分布-matlab开发
05-29
HSV=polar_distribution_to_hsv(THETA,RHO) 其中，THETA 是以度为单位的圆 [0,360> 上的值数组，RHO 0 和 1 之间的相应强度返回 HSV，一个对应于色相、饱和度和值（强度）的三值数组. 色调是圆上平均强度的方向，...
HSV-Color-Picker-Unity：用于Unity UI的HSV颜色选择器
02-06
HSV拾色器 使用Unity UI的HSV颜色选择器。 版本号 Unity 2019.4 LTS 安装 芬欧汇川 { " dependencies " : { " judah4.hsvcolorpickerunity " : " https://github.com/judah4/HSV-Color-Picker-Unity.git#upm " , ... } } Unity包 应该真的很容易使用。 只需将预制件添加到画布上，挂接一个事件即可，这很不错。 public Renderer renderer ; public ColorPicker picke
增强水下图像饱和度Matlab程序
06-13
此程序对于增强水下模糊图像有帮助，首先将RGB空间转换到HSV空间，然后增强饱和度S的值，整体提高了图像的饱和度。
hsv2rgb:从 hsvhsb 转换为 rgb
06-11
hsv2rgb 从 hsv/hsb 转换为 rgb 安装 npm install hsv2rgb 用 var hsv = require ( 'hsv2rgb' ) ; // using a pre-allocated array var rgb = [ 0 , 0 , 0 , 1 ] ; hsv ( 300 , 1 , 1.0 , rgb ) console . log ( rgb ) // [ 255, 0, 255, 1] // or without console . log ( hsv ( 300 , 1 , 1.0 ) ) // [ 255, 0, 255 ] api签名 hsv （ hue ， saturation ， value [， out ]） hue环绕 0-359 度（例如 390 变为 30） saturation钳制到 0.0 到 1.0（百分比）
unity 中使用HSV 颜色模型进行颜色的随机变化
zgjllf1011的博客
02-27 4672
经常能看到一些游戏中背景或是场景颜色的变换，每次进入游戏都能看到不一样的效果，像我之前介绍的游戏Polyforge一样:实现一个这样的效果，可以直接使用rgb颜色来随机，因为平时我们接触到的大部分都是rgb颜色，但是这样的话带来的效果就是有时候亮有时候暗，甚至有纯白纯黑。而我们想要的是鲜艳一些的，有没有办法只获取色系中的彩色部分呢？这时候HSV颜色模型就派上用场了！关于颜色模型有很多种，这里我就不...
unity 设置颜色（RGB/HSV）
梦想是世界和平
06-07 1107
【代码】unity 设置颜色（RGB/HSV）
Unity3D 随机颜色（RGB/HSV）
WenHui君_的博客
07-24 5539
Unity3D 随机颜色（RGB/HSV） 前言 Unity中颜色这块儿有RGB模式和HSV模式，之前大多数用的都是RGB模式，对于颜色这块儿也没有详细的去了解。后来项目涉及到，要图片饱和度一定，且可以随机变换颜色，如下动图效果（使用RGB模式）。但是这样改的话，R、G、B三个值都在变化，不好确保它饱和度不变，只变颜色。 所以，就想着用HSV模式试试看， 把颜色面板的RGB模式切换为HSV模式（如下图）...
unity3d：shader贴图局部改色相HSV+mask
Have a nice day.
09-24 1498
美术mask图规则 建筑的部件id为1,2,3，依次类推 原图 mask图，例如，mask为纯黑色背景，色块为要遮罩的区域。最多支持1个建筑7个部件调整颜色 合并后效果 这几个区域会根据色相改变 部件ID对应maskrgb的色块表 建筑部件ID去策划表中拿，找到对应的是门部件之类的，再出mask图中有门的抠图，抠图的颜色从上表中ID对应rgb取。调整完后编辑器的色相参数最好归0 shader流程 1.把原rgb色彩空间转hsv色彩空间 2.取不同rgbmask确定部位编号，然后不同部位取不同色相值
Unity中用代码动态改变Shader贴图
qq258456qq的博客
11-08 4696
打开Shader脚本，找到贴图属性 然后添加游戏代码 private Texture texture; .SetTexture（）方法修改贴图 texture = Resources.Load(shopElement.imageName+"2") as Texture; preview.gameObject.GetComponent<MeshRenderer>().ma...
Unity Shader零基础入门4：纹理贴图与法线贴图
qq_21315789的博客
06-24 4527
如何在Shader中使用纹理贴图与法线贴图
Hex-Color:无需jquery或HSV格式即可处理十六进制颜色的色相，饱和度和明度
04-27
十六进制颜色无需jquery或HSV格式化color.js即可处理十六进制颜色的色相，饱和度和明度。js包含三个主要功能：色相，饱和度和明度每个使用十六进制颜色和一个数字，并产生调整后的十六进制颜色。 此js文件不需要...
unity渲染篇：画面亮度、饱和度、对比度调整
chendongyong的专栏
03-18 8190
先看一眼最终的实现效果。 这是原图，我们可以跟抖音一样，对它进行各种处理，比如美白、滤镜、各种特效。 这里我们先来加几种最简单的画面效果： （1）亮度值，从0到1： （2）饱和度，从0到1：（我觉得这个饱和度为1时还挺好看的~） （3）对比度，从0到1： 可能有部分小伙伴们，对于亮度、饱和度、对比度这些概念还不是很清楚，这里先大致做下解释。 我们知道，在计算机中描述一个物体颜色的常见方式是“RGB颜色模型”，这种方式虽然很方便计算机的计算，但却不方便人们的理解，所以人们想.
Unity_Shader_自动变换顶点颜色
weixin_42137574的博客
10-21 1242
Shader代码如下: // Upgrade NOTE: replaced '_Object2World' with 'unity_ObjectToWorld' // Upgrade NOTE: replaced 'mul(UNITY_MATRIX_MVP,*)' with 'UnityObjectToClipPos(*)' // Upgrade NOTE: replaced 'mul(UNITY_MATRIX_MVP,*)' with 'UnityObjectToClipPos(*)' // U
unity标准Shader之十种贴图类型
weixin_39923777的博客
10-13 6838
                                                              十种贴图类型 介绍:标准 Shader 贴图 标准 Shader 使用的是 PBR 渲染，基于现实物理效果的渲染表现形式。 一个模型能不能使用标准 Shader 来进行渲染，是在做这个模型的贴图的时候 决定的。有没有按照 PBR 贴图的制作规范和模式来制作，决定了该模型是否...
[高分无人机]：RGB HSV 讲解
shinezzz的博客
06-15 1078
参考博客 1. RGB 红、绿、蓝三个颜色通道每种色各分为256阶亮度，在0时“灯”最弱——是关掉的，而在255时“灯”最亮。当三色灰度数值相同时，产生不同灰度值的灰色调，即三色灰度都为0时，是最暗的黑色调；三色灰度都为255时，是最亮的白色调。 2. HSV HSV是一种比较直观的颜色模型，所以在许多图像编辑工具中应用比较广泛，这个模型中颜色的参数分别是：色调（H, Hue），饱和度（S,Sa...
Unity urp2d ShaderGraph 实现一个黑白转彩色的场景渐变效果 设计思路
m0_51776409的博客
10-29 3579
那只能走走别的方向了，仔细想想，原来的shader也确实不太完美，因为我们要的是整个画面的黑白，而上面的shader则需要给每个场景物品都安装这个shader跑计算的话，无疑是降低了性能和扩展性的。我们可以放弃if节点，改用lerp在两个色域中做插值，就可以优化渐变效果，插值需要一个0-1的参数，我们选择使用“Saturate”节点，这个节点可以将一个浮点值映射到[0,1]的范围内，即输入大于1时=1，输入小于0时等于0，然后将结果连接到Lerp节点就可以了。这样我们这个效果就成功实现了。
Unity 代码动态更改SHADER的相关属性（如颜色、SMOOTHNESS、材质……）
weixin_42565127的博客
04-26 2273
Unity 代码动态更改SHADER的相关属性（如颜色、SMOOTHNESS、材质……）
node-v5.11.0-x86.msi
最新发布
05-07
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
opencv python 实现photoshop色相饱和度
07-01
### 回答1： opencv是一个开源的计算机视觉库，可以在Python中使用。通过使用opencv的色相饱和度转换功能，可以实现类似Photoshop中对图像进行色相和饱和度的调整。 首先，我们需要导入opencv库，并读取一张图片作为输入图像。可以使用cv2.imread()函数来读取图像。 接下来，我们可以通过调用cv2.cvtColor()函数来将图像转换为HSV色彩空间。HSV颜色模型由色调（Hue），饱和度（Saturation）和亮度（Value）组成。我们只需要调整色调和饱和度，所以我们将图像转换为HSV色彩空间。 然后，我们可以通过使用cv2.convertScaleAbs()函数来调整色相和饱和度的值。该函数有三个参数，分别是输入图像、输出图像和缩放因子。我们可以将缩放因子设置为一个小数，以调整图像的色相和饱和度。 最后，我们可以使用cv2.cvtColor()函数将图像转换回BGR颜色空间，然后可以使用cv2.imshow()函数显示调整后的图像。 下面是一个简单的示例代码： ```python import cv2 # 读取输入图像 image = cv2.imread('image.jpg') # 将图片转换为HSV颜色空间 hsv_image = cv2.cvtColor(image, cv2.COLOR_BGR2HSV) # 调整色相和饱和度的值 hue_scale = 0.5 # 色相缩放因子 saturation_scale = 1.5 # 饱和度缩放因子 # 调整色相和饱和度的值 hsv_image[:,:,0] = cv2.convertScaleAbs(hsv_image[:,:,0], alpha=hue_scale) hsv_image[:,:,1] = cv2.convertScaleAbs(hsv_image[:,:,1], alpha=saturation_scale) # 将图片转换回BGR颜色空间 new_image = cv2.cvtColor(hsv_image, cv2.COLOR_HSV2BGR) # 显示调整后的图像 cv2.imshow('Adjusted Image', new_image) cv2.waitKey(0) cv2.destroyAllWindows() ``` 这个示例代码中，我们将色相缩放因子设为0.5，饱和度缩放因子设为1.5。你可以根据自己的需要调整这两个值来得到不同的效果。调整后的图像会在一个新的窗口中显示出来。 这样，我们就可以通过opencv和Python来实现简单的色相和饱和度调整，类似于Photoshop中的功能。 ### 回答2： 要使用OpenCV和Python实现Photoshop中的色相饱和度功能，可以按照以下步骤进行： 1. 导入必要的库：使用`import cv2`导入OpenCV库。 2. 加载图像：使用`cv2.imread()`函数加载要处理的图像。 3. 转换颜色空间：将加载的图像转换为HSV颜色空间，以便可以对色相和饱和度进行调整。使用`cv2.cvtColor()`函数将图像从BGR颜色空间转换为HSV颜色空间。 4. 调整色相和饱和度：使用`cv2.cvtColor()`函数的第三个参数来调整色相和饱和度。该参数的取值范围为[-180, 180]，其中负值表示减少色相或饱和度，正值表示增加色相或饱和度。 5. 转换颜色空间：将调整后的图像转换回BGR颜色空间，以便显示或保存。使用`cv2.cvtColor()`函数将图像从HSV颜色空间转换为BGR颜色空间。 6. 显示或保存结果：使用`cv2.imshow()`函数显示调整后的图像，并使用`cv2.waitKey()`函数等待用户按下键盘上的任意键。或使用`cv2.imwrite()`函数将调整后的图像保存到文件中。 7. 释放资源：使用`cv2.destroyAllWindows()`函数释放窗口和图像资源。 以下是一个示例代码来实现上述步骤： ```python import cv2 # 加载图像 image = cv2.imread('input.jpg') # 转换颜色空间为HSV hsv_image = cv2.cvtColor(image, cv2.COLOR_BGR2HSV) # 调整色相和饱和度 hsv_image[..., 0] += 30 # 增加色相 hsv_image[..., 1] *= 1.5 # 增加饱和度 # 转换颜色空间为BGR adjusted_image = cv2.cvtColor(hsv_image, cv2.COLOR_HSV2BGR) # 显示调整后的图像 cv2.imshow('Adjusted Image', adjusted_image) cv2.waitKey(0) # 保存调整后的图像 cv2.imwrite('output.jpg', adjusted_image) # 释放资源 cv2.destroyAllWindows() ``` 这段示例代码实现了将输入图像的色相增加30度，饱和度增加1.5倍的效果。您可以根据实际需求调整这两个参数来实现不同的色相饱和度调整效果。 ### 回答3： 要使用OpenCV在Python中实现Photoshop的色相饱和度功能，你需要按照以下步骤进行操作： 1. 导入所需的库和模块： ```python import cv2 import numpy as np ``` 2. 读取图像： ```python image = cv2.imread("your_image.jpg") ``` 3. 将图像转换为HSV颜色空间： ```python hsv_image = cv2.cvtColor(image, cv2.COLOR_BGR2HSV) ``` 4. 调整色相和饱和度参数： ```python hue_shift = 30 # 色相偏移量（取值范围：-180到180） saturation_factor = 1.5 # 饱和度增强因子（取值范围：0到正无穷） hsv_image[:, :, 0] = (hsv_image[:, :, 0] + hue_shift) % 180 hsv_image[:, :, 1] = hsv_image[:, :, 1] * saturation_factor ``` 5. 将修改后的图像转换回BGR颜色空间： ```python result_image = cv2.cvtColor(hsv_image, cv2.COLOR_HSV2BGR) ``` 6. 显示和保存结果图像： ```python cv2.imshow("Result Image", result_image) cv2.imwrite("result_image.jpg", result_image) cv2.waitKey(0) ``` 通过以上步骤，你可以使用OpenCV和Python实现类似Photoshop的色相饱和度功能。根据需要，你可以调整色相和饱和度的参数来得到不同的效果。记得根据自己的实际情况修改读取和保存图像的路径。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值