CSS 颜色函数速查
rgb / hsl / oklch / color-mix 写法
REFERENCE · 9 ROWS
| 写法 | 示例 | 说明 |
|---|---|---|
| 十六进制 | #ff7a17 | 最常用 |
| rgb | rgb(255 122 23) | 空格分隔新语法 |
| rgba | rgb(255 122 23 / 0.5) | 透明度用斜杠 |
| hsl | hsl(28 100% 55%) | 色相 饱和度 亮度 |
| hwb | hwb(28 9% 0%) | 色相 白度 黑度 |
| oklch | oklch(0.7 0.18 55) | 感知均匀,适合配色 |
| lab / lch | lab(70% 60 70) | 设备无关 |
| color-mix | color-mix(in oklab, #f00 50%, #00f) | 混合两色 |
| currentColor | border-color: currentColor | 跟随文字色 |
HOW TO USE
怎么用CSS 颜色函数速查
- 打开CSS 颜色函数速查,表格已按主题整理好。
- 在右上角输入关键词可即时筛选,不用上下翻找。
- 需要写文档时点「复制为 Markdown」,直接粘到笔记里。
CSS 颜色函数速查是什么
rgb / hsl / oklch / color-mix 写法。CSS 颜色函数速查按表格整理 9 条常用对照,打开即可查,无需翻文档。
它属于「参考速查」下的「速查表」分类。命令、语法、快捷键的常用速查。 同类工具还包含 HTTP 请求方法对照表、Git 常用命令速查、正则表达式语法速查 等,可以在分类页一次看全。
适用场景
- 处理与「CSS颜色」相关的任务时可以直接用。
- 处理与「rgb」相关的任务时可以直接用。
- 处理与「hsl」相关的任务时可以直接用。
- 处理与「oklch」相关的任务时可以直接用。
- 处理与「color-mix」相关的任务时可以直接用。
表格说明
本表共 9 行 3 列,内容按常用程度排序。 表格支持关键词筛选,复制出的 Markdown 可直接用于文档、Wiki 或技术博客。
隐私说明
本工具在浏览器内运行,输入内容不会发送到服务器,也不会被记录。 关闭或刷新页面后,输入即被清空。