深圳网站建设公司 帮助【zhù】企业提升网站形象【xiàng】,彰显【xiǎn】公【gōng】司实力,PC+手机【jī】+微信+小程序
【模板网站的价格】国际域名+阿里1G空间+备案 一条龙服务
【定制网站的功能】SEO精准营销系统+城市分站+W3C标准
【营销网站的效果】重长尾,重优化,提权重,扩收录,提排名
【量身订制的设计】据据需求量身定制。设计到满意为止
【专属VIP的服务】24RX365 为您提【tí】供1对1的【de】专【zhuān】属VIP服务【wù】
在Photoshop等【děng】绘图【tú】或【huò】修图软件中【zhōng】,经常会看到调色【sè】板下面的RGB选项,通常让你输入数值或【huò】者拉动调节杆。那么,什【shí】么是RGB、HEX、HSL呢?如何精确输入一【yī】定的数【shù】值来【lái】调和【hé】出我们想要的颜色【sè】?
其实无论【lùn】是RGB、HEX,还是HSL,它们【men】的作用只有一个:用【yòng】数【shù】字表达出一种颜色。
RGB数值
调色方式
它是电脑中用得【dé】最多的调色方式。在电【diàn】脑调【diào】色板下面,经常【cháng】能看到RGB(Red, Green, Blue)。RGB通过输【shū】入【rù】的【de】数【shù】值【zhí】,将红色、绿色和蓝色的光源【yuán】以一定的【de】量混合在一【yī】起,形成颜色【sè】。
软件中【zhōng】通常【cháng】让你输入Red、Green、Blue对应【yīng】的三个整数的【de】数值,且范【fàn】围【wéi】必须在0-255之间。稍【shāo】加计算,我们【men】会【huì】发现:通过调节RGB的数值,可以得到256×256×256=16777216种颜色,当【dāng】然,这只是理论【lùn】上【shàng】的数量。实际上,你【nǐ】光凭【píng】肉【ròu】眼根本无法分辨这么多种颜色【sè】,另外颜色的正确显【xiǎn】示及准确过渡取决于显示器的【de】色域【yù】和色彩深度【dù】。
调整RGB数值,得到不同的颜色
RGB的结构是:rgb(red, green, blue)。
以下列举了一些常用颜色的RGB数值。
红色:rgb(255, 0, 0)
橙色:rgb(255, 128, 0)
黄色:rgb(255, 255, 0)
绿色:rgb(0, 255, 0)
蓝色:rgb(0, 0, 255)
紫色:rgb(170, 0, 255)
黑色:rgb(0, 0, 0)
白色:rgb(255, 255, 255)
灰色:rgb(128, 128, 128)
(只要三色【sè】值【zhí】相等即可,值越接近255,就越接【jiē】近白【bái】色,反之亦然)
有些【xiē】时候,除了Red, Green, Blue以外,还会有一【yī】个需要设置的数值,那【nà】就是【shì】Alpha(不【bú】透明度【dù】)。这时候我【wǒ】们【men】把它们【men】叫做RGBA,Alpha通常【cháng】可有可无。Alpha值【zhí】通常【cháng】在0.0与1.0之间,1.0表示【shì】完全【quán】不【bú】透明【míng】,0.0表示完全透明。
HEX数值
调色方式
其实它【tā】和RGB的原【yuán】理【lǐ】差不多,都是用Red, Green, Blue相混合所【suǒ】产生的颜色,只不过换成了【le】十六进【jìn】制。
HEX的【de】格【gé】式:# rrggbb
10用a表示,11用b表【biǎo】示,12用c表示,13用d表示【shì】,14用e表示,15用f表示。
十【shí】六进制数列:1,2,3,4,5,6,7,8,9,a,b,c,d,e,f,10,11,…,aa,ab,ac,…,fc,fd,fe,ff。
对应的十进制数列:1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,…,170,171,172,…,252,253,254,255。
在有些软件中【zhōng】,直接输入这串数字就【jiù】能直接【jiē】找到对【duì】应的颜色,调色板就会【huì】出现【xiàn】相对应的颜色。
HSL数值
调色方式
HSL表示色相(Hue)、饱和度(Saturation)、亮度(Lightness)。结构是:hsl(hue, saturation%, lightness%)。其【qí】中饱和度【dù】和【hé】亮度是【shì】百【bǎi】分比,不【bú】是数值。
色【sè】相(Hue)的数值表示这种颜色在色相环中的度数。0表示色相【xiàng】环中【zhōng】0°的位置,即红色【sè】。同理【lǐ】,120表示绿色【sè】,240表示【shì】蓝【lán】色。
饱和度(Saturation)由0%到100%,其中0%其实就是灰色,100%是最【zuì】鲜【xiān】艳【yàn】、最【zuì】充分的【de】颜色。
亮【liàng】度(Lightness)也是由0%到100%,其【qí】中0%其实【shí】就是黑【hēi】色,100%也就是白【bái】色【sè】。注【zhù】意:亮【liàng】度可以粗略地认为它就是明度,但它们之间也【yě】是有区【qū】别的。
基于以上关于RGB、HEX、HSL的了解【jiě】,更加使设计师运用photoshop,通过计算来取得出【chū】自己【jǐ】所【suǒ】需要的颜色。
我们的服务 | |
企业网站建设 | 企业网站建设,企业【yè】网站设【shè】计,中【zhōng】小企业【yè】网站制作【zuò】,企业官网建设公司 |
营销型网站建设 | 营销网站建【jiàn】设,营销【xiāo】型网站设计【jì】制作,营销网站系统,SEO系统【tǒng】,关键【jiàn】词轻松上首【shǒu】页【yè】 |
品牌网站建设 | 品【pǐn】牌网站建设,企业网站网站设计,品牌网站开发,高【gāo】端品牌网站制作,企业【yè】品【pǐn】牌官网建【jiàn】设 |
外贸网站建设 | 专业英文【wén】网【wǎng】站建设【shè】,中英文网站的【de】建站,外贸网站定制开发全球访问快,能快速排名谷【gǔ】歌【gē】第【dì】一页【yè】 |
响应式网站建设 | 响应式网站建设【shè】,H5 html5设【shè】计,制作响应【yīng】式网页,响应式【shì】建站 |
商城网站建设 | 购物网站平台 电【diàn】商商城【chéng】建站 网【wǎng】购网站建设【shè】 购物商城网站建设 大型商城【chéng】网站开【kāi】发 |
小程序开发 | 微【wēi】信【xìn】公众号【hào】开发,微信开发,微信小程序开发,微信公共号二【èr】次开发【fā】,微【wēi】信【xìn】公共平台开发【fā】 |
PHP定制开发 | PHP开发,php系统开发,PHP定【dìng】制【zhì】功能开发,PHP应用程序开发,Web应用开【kāi】发【fā】 |
建站包含服务 | |
1.赠送域名 | 赠送顶级域名.com/.net /.cn |
2.赠送空间 | 赠送阿里云1000M高速空间 |
3.免费备案 | 提供工信备案及公安备案 |
4.网站设计 | 网站设计,设计到满意为止 |
5.站内优化 | 赠送【sòng】站内优【yōu】化【huà】,Gzip压缩,CSS和Js,代【dài】码优化,关键字信息分【fèn】析,标题、Meta标记【jì】、Alt标记, |
6.售后无忧 | 售后无忧,提供24X7售后服务 |
7.免费培训 | 免费提供网站后台操作培训 |
8.提供发票 | 提供正规普通发票 |
版权所有:深圳市网商在线科技有限公司
友情链接: