在使用XR-Frame时,可能经常会使用到 clear-color="0.4 0.6 0.7 1" 这样的颜色设置,如下:
<xr-camera
position="0 1 4" clear-color="0.4 0.6 0.7 1"
background="skybox" target="target"
camera-orbit-control=""
/>
这个颜色代码具体是什么意思呢?
首先,前三个参数代表颜色代码,第四个参数代表透明度(0-1)。
其次,对于前三个参数来说,这不是RGB的颜色方法,因为RGB的颜色方法是表示红、绿和蓝三原色的相对亮度值。例如,(255,0,0) 表示的是红色,它的RGB颜色方法的值是(1,0,0),表示红色是由100%红色,0%绿色和0%蓝色组成。
而(0.1, 0.1, 0.1) 是RGB颜色模型中使用的RGB颜色空间值的归一化版本(从0到1)。它并没有实际的颜色含义,但它可以被用来表示非常暗的灰色。
运算方法:
rgb颜色值 除以 255即可!
如:RGB(227,176,242)
227/255 = 0.89
176/255 = 0.69
242/255 = 0.94
(保留两位小数)
归一化处理后即 为(0.89 0.69 0.94)
保持不透明(0.89,0.69,0.94,1)
懂了