- Objective: - Breadcrumb: # 概念阐释 - `#ffffff` 颜色的二进制编码 - `rgb`: 代表红(red)、绿(green)、蓝(blue),颜色的强度范围为0~255,0位最小,255为最大。 - `rgba`:A代表alpha通道,表示透明度,0为完全透明,1位完全不透明。 - `hsla`:`h` 代表色相(hue),以度数表示(0-360),`s` 代表饱和度(saturation),`l` 代表亮度(lightness),两者以百分比表示,而 `a` 代表透明度(alpha),以数值表示(0-1)。 # 实例 ```css p{ border-color:rgb(255,0,0) } p{ border-color: hsla(258, 88%, 66%, 1); } ``` # 相关内容 ## RGB转hex RGB与Hex是两种表示颜色的方式,RGB用于表示颜色的三个原色(红、绿、蓝)的数值,而Hex用16进制数表示颜色。以下是RGB和Hex之间的换算方法: **RGB转Hex:** 1. 将红、绿、蓝三原色的数值转换为16进制数,每个数值范围为0-255。 2. 将三个16进制数按照顺序排列,即R、G、B。 3. 将三个16进制数拼接在一起,即得到颜色的Hex值。 例如,RGB值为(255,0,0)的红色对应的Hex值为#FF0000,其中#表示16进制数的前缀。 **Hex转RGB:** 1. 将Hex值的前缀#去掉,将剩余的6位16进制数分为3组,每组2位。 2. 将每组16进制数转换为10进制数,即得到红、绿、蓝三原色的数值。 例如,Hex值为#FF0000的红色对应的RGB值为(255,0,0)。 需要注意的是,RGB和Hex之间的换算并不涉及颜色的亮度和饱和度等其他因素,因此在进行换算时可能会存在一定的误差。 # 参考资料