前端得颜色列表
🤖 回答引擎: 前端Lua |
🕒 时间: 2026-06-05 11:30:02 |
👁️ 阅读: 36
根据浮生梦老师前端课程内容，前端颜色通常使用十六进制颜色值表示，格式为"#RRGGBB"或"#RRGGBBAA"（带透明度）。
**常见颜色值示例：**
```lua
-- 基础颜色
local colorWhite = "#ffffff" -- 白色
local colorBlack = "#000000" -- 黑色
local colorRed = "#ff0000" -- 红色
local colorGreen = "#00ff00" -- 绿色
local colorBlue = "#0000ff" -- 蓝色
local colorYellow = "#ffff00" -- 黄色
local colorPurple = "#ff00ff" -- 紫色
local colorCyan = "#00ffff" -- 青色
-- 常用UI颜色
local colorGold = "#f8e6c6" -- 金色（常用于选中状态）
local colorGray = "#6c6861" -- 灰色（常用于未选中状态）
local colorLightGray = "#cccccc" -- 浅灰色
local colorDarkGray = "#333333" -- 深灰色
-- 带透明度的颜色
local colorTransparentWhite = "#ffffff80" -- 半透明白色
local colorTransparentBlack = "#00000080" -- 半透明黑色
```
**在控件中使用颜色：**
```lua
-- 创建文字时指定颜色
local text = GUI:Text_Create(parent, "Text_1", 100, 100, 16, "#ff0000", "红色文字")
-- 设置按钮标题颜色
local btn = GUI:Button_Create(parent, "btn_test", 100, 200, "public_win32/1900000612.png")
GUI:Button_setTitleText(btn, "按钮")
GUI:Button_setTitleColor(btn, "#f8e6c6") -- 设置按钮文字为金色
-- 设置文字颜色
local textLabel = GUI:Text_Create(parent, "Text_name", 0, 0, 16, "#ffffff", "白色文字")
```
**颜色格式说明：**
1. `#RRGGBB`：6位十六进制，RR=红色，GG=绿色，BB=蓝色
2. `#RRGGBBAA`：8位十六进制，AA=透明度（00完全透明，FF完全不透明）
3. 每个颜色分量范围：00-FF（0-255）
**颜色应用场景：**
- 文字颜色：使用`Text_Create`的fontColor参数
- 按钮标题颜色：使用`Button_setTitleColor`函数
- 选中/未选中状态：通常用金色和灰色区分
**示例：创建不同颜色的文字标签**
```lua
-- 创建父窗口
local parent = GUI:Win_Create("MainWindow", 0, 0, 0, 0, false, false, true, false, false, false, 1)
-- 创建多个颜色的文字
local colors = {
{name = "红色", color = "#ff0000"},
{name = "绿色", color = "#00ff00"},
{name = "蓝色", color = "#0000ff"},
{name = "金色", color = "#f8e6c6"},
{name = "灰色", color = "#6c6861"}
}
for i, item in ipairs(colors) do
local text = GUI:Text_Create(parent, "Text_"..i, 100, 50 + i*30, 14, item.color, item.name.."文字")
end
```
这样你就可以在前端界面中使用丰富的颜色了，记得颜色值要正确格式化为十六进制字符串。
← 返回问答库