|
|
发表于 2024-9-23 19:59:12
|
显示全部楼层
1. 颜色的基本概念
颜色是我们通过视觉感知到的，通常由三种基本颜色（红色、绿色和蓝色）混合而成。根据不同的组合，我们可以得到多种颜色。
2. RGB颜色模型
- RGB代表红色（Red）、绿色（Green）和蓝色（Blue）。
- 在RGB模型中，每种颜色的强度用0到255之间的数字表示。例如：
- 红色：(255, 0, 0) 代表纯红色
- 绿色：(0, 255, 0) 代表纯绿色
- 蓝色：(0, 0, 255) 代表纯蓝色
- 白色：(255, 255, 255) 代表三种颜色的最大强度
- 黑色：(0, 0, 0) 代表三种颜色的最小强度
3. 16进制颜色表示法
16进制颜色表示法是另一种表示颜色的方式，常用在网页设计中。格式是#RRGGBB：
- RR、GG、BB分别表示红、绿、蓝的强度。
- 每对字符的值可以从00到FF，表示0到255的强度。
十六进制的基础：
- 十六进制是一种基数为16的数字系统，使用数字0-9和字母A-F来表示。
- 在颜色表示中，00表示最低强度，FF表示最高强度。
例子：
- #FF0000 代表纯红色
- #00FF00 代表纯绿色
- #0000FF 代表纯蓝色
- #FFFFFF 代表白色
- #000000 代表黑色
4. 压缩表示法
有时候我们可以使用压缩的格式来表示颜色。例如：
- #abc 可以被扩展为 #aabbcc。
压缩格式解释：
- #abc：
- a 代表红色的强度：aa（170）
- b 代表绿色的强度：bb（187）
- c 代表蓝色的强度：cc（204）
因此，#abc 等同于 #aabbcc，表示的颜色是相同的。
5. RGBA颜色模型
RGBA是RGB的扩展，增加了一个Alpha（透明度）通道。格式是(R, G, B, A)：
- R、G、B和之前一样表示红、绿、蓝的强度，范围是0到255。
- A代表透明度，通常用0到1之间的数字表示：
- 0表示完全透明
- 1表示完全不透明
例如：
- rgba(255, 0, 0, 0.5) 表示半透明的红色
- rgba(0, 255, 0, 1) 表示完全不透明的绿色
6. 透明度的扩展表示法
对于带有透明度的颜色，我们可以使用8个字符的格式，即 #RRGGBBAA：
- RR、GG、BB分别表示红、绿、蓝的强度。
- AA表示透明度。
例子：
- #abcd：
- a 代表红色的强度：aa（170）
- b 代表绿色的强度：bb（187）
- c 代表蓝色的强度：cc（204）
- d 代表透明度：dd（221，转换为十进制为221）
因此，#abcd 可以被扩展为 #aabbccdd，它表示相同的颜色，并且具有一定的透明度（221/255，大约87%不透明）。
总结
- RGB是用红、绿、蓝三种颜色混合来表示颜色。
- 16进制颜色表示法使用六个字符（以#开头）来表示颜色，且可以使用压缩格式（如#abc）来简化表示。
- RGBA是RGB的扩展，加入了透明度的概念，格式为(R, G, B, A)。
- 透明度的扩展表示法使用八个字符（如#RRGGBBAA），其中AA表示透明度。
|
|
变色卡