CSS 颜色函数速查

rgb / hsl / oklch / color-mix 写法

参考速查 / 速查表 浏览器本地运行 免费 · 无需登录
REFERENCE · 9 ROWS
写法示例说明
十六进制#ff7a17最常用
rgbrgb(255 122 23)空格分隔新语法
rgbargb(255 122 23 / 0.5)透明度用斜杠
hslhsl(28 100% 55%)色相 饱和度 亮度
hwbhwb(28 9% 0%)色相 白度 黑度
oklchoklch(0.7 0.18 55)感知均匀,适合配色
lab / lchlab(70% 60 70)设备无关
color-mixcolor-mix(in oklab, #f00 50%, #00f)混合两色
currentColorborder-color: currentColor跟随文字色

HOW TO USE

怎么用CSS 颜色函数速查

  1. 打开CSS 颜色函数速查,表格已按主题整理好。
  2. 在右上角输入关键词可即时筛选,不用上下翻找。
  3. 需要写文档时点「复制为 Markdown」,直接粘到笔记里。

CSS 颜色函数速查是什么

rgb / hsl / oklch / color-mix 写法。CSS 颜色函数速查按表格整理 9 条常用对照,打开即可查,无需翻文档。

它属于「参考速查」下的「速查表」分类。命令、语法、快捷键的常用速查。 同类工具还包含 HTTP 请求方法对照表、Git 常用命令速查、正则表达式语法速查 等,可以在分类页一次看全。

适用场景

  • 处理与「CSS颜色」相关的任务时可以直接用。
  • 处理与「rgb」相关的任务时可以直接用。
  • 处理与「hsl」相关的任务时可以直接用。
  • 处理与「oklch」相关的任务时可以直接用。
  • 处理与「color-mix」相关的任务时可以直接用。

表格说明

本表共 9 行 3 列,内容按常用程度排序。 表格支持关键词筛选,复制出的 Markdown 可直接用于文档、Wiki 或技术博客。

隐私说明

本工具在浏览器内运行,输入内容不会发送到服务器,也不会被记录。 关闭或刷新页面后,输入即被清空。