色彩代码表这器材,,,,,说穿了就是一堆色号的大集钟祝。。。。你要是真去翻那种几千行的齐全表格,,,,,或许率头都是大的。。。。。今天换个思路,,,,,从现实使用的角度聊明显它到底是怎么回事,,,,,顺便把最常用的那些代码给你拎出来。。。。。
先记住十六进造写法就行
网页和设计里最常见的色彩代码,,,,,就是井号加六位字母数字的组合。。。。。好比白色是FFFFFF,,,,,玄色是000000,,,,,红色是FF0000。。。。。前两位管红色,,,,,中央两位管绿色,,,,,后两位管蓝色,,,,,也就是常说的RGB模式。。。。。每两位用十六进造暗示,,,,,00是最暗,,,,,FF是最亮。。。。。这套规定搞领略了,,,,,绝大部门色彩代码表你都能看得懂。。。。。
还有个吐妨的幼技巧。。。。。若是三位别离一样,,,,,好比AABBCC,,,,,能够直接缩写成ABC。。。。。好多前端老手都这么写,,,,,浏览器照样认。。。。。你此刻去翻那些成熟的网页源码,,,,,能看到不少这种简写大局。。。。。
RGB和HSL也有自己的用武之地
除了十六进造,,,,,色彩代码内外经;;;;;;;够岢鱿謗gb(255,0,0)这种写法,,,,,它跟FF0000是一回事,,,,,只是表白方式分歧。。。。。有些场景下还会用到rgba,,,,,多出来的a代表通明度,,,,,数值从0到1,,,,,0是齐全通明,,,,,1是齐全不通明。。。。。做弹窗遮罩或者悬浮布景的时辰,,,,,这个出格实用。。。。。
还有一种HSL体式,,,,,把色彩拆成色相、鼓和度和亮度三个维度。。。。。色相用角度暗示,,,,,0度是红,,,,,120度是绿,,,,,240度是蓝。。。。。调起色彩来比十六进造直观不少,,,,,由于你不用去心算哪几位代表什么。。。。。好多设计软件里都能直接切换这三种体式,,,,,它们之间也能相互转换,,,,,知路有这回事就杏祝。。。。?
查表的时辰沉点看这几个色系
齐全色彩代码表动辄几百种色彩,,,,,但日常真正高频用到的其实就那几个。。。。。中性色里灰色、米色和奶白色出格容易踩坑,,,,,分歧代码出来的成效差距很大。。。。。好比808080是尺度灰,,,,,A9A9A9就偏亮一点,,,,,D3D3D3显著浅好多。。。。。统一个名字,,,,,在分歧内外可能对应分歧的代码,,,,,所以别只看名字,,,,,要认准那串字符。。。。。
蓝色系、绿色系和紫色系在商务场景用得最多,,,,,每个色系记住两三个常用色号就够撑排场了。。。。。商务蓝007BFF、薄荷绿20C997、淡紫6F42C1,,,,,这几个都是比力稳的选择。。。。。暖色下凤,,,,,橙红色FF5733和琥珀色FFC300也时时呈此刻各类活动页面里。。。。。记住这些,,,,,你翻表的时辰能省不少功夫。。。。。
直接记这几个就够了
若是你懒得翻表,,,,,我给你直接列几个实用度最高的。。。。。正文文字用333333,,,,,比纯黑柔和不少;;;;;;;布景用F5F5F5,,,,,干净又不刺眼;;;;;;;链接用007BFF,,,,,这是Bootstrap带火的经典蓝;;;;;;;边框用DDDDDD,,,,,存在感低但又能起到分隔作用。。。。。这套组合放到绝大无数网页里都不会犯错。。。。。
必要更浅或更深的色彩,,,,,在原有代码上微调最后两位数字就杏祝。。。。好比F5F5F5想再深一点,,,,,改成EEEEEE,,,,,肉眼能看出区别,,,,,但整体还是统一类色彩。。。。。这种微调步骤比沉新找一个色彩快多了。。。。。?
色彩代码表不是拿来背的,,,,,是拿来查的。。。。。你用得越多,,,,,对色彩的感触就越准。。。。。下次再有人问你某个色彩好不好看,,,,,你就回他:把代码发我看看。。。。。









Android版
iPhone版