Oklab颜色空间演示

位置: 首页 > 前端三套件
[发布: 2024.6.2  作者: 马黑  阅读: 63]

颜色信息:

百分比:oklab(0% -100% -100% / 50%)
浮点数:

0

-100%

-100%

50%

说明

Oklab颜色模型的推出旨在以模仿人眼感知颜色的方式构造颜色,其色彩空间比标准RGB(sRGB)更为宽广,可以渲染广色域、P3颜色等。该颜色空间使用 l 模拟感知明度,使用直角坐标系 a 轴 和 b 轴分别模拟绿或红、蓝或黄,支持 A 通道。

oklab() 颜色函数语法:oklab(l a b [/ A]);。l 表示明亮度,取值范围 0~1 或 0%~1100%;a 表示 a 轴数值,绿或红,取值范围 -0.4~0.4 或 -100%~100%;b 表示 b 轴上的数值,蓝或黄,取值范围与 a 同;A 表示不透明度,需要用正斜杠 / 与前面的 lab 参数隔开,取值范围 0~1 或 0%~100%。

各大新版本现代浏览器已经全面支持 oklab() 颜色函数,最低版本要求:Chromium 111、Firefox 113、Opera 98、Safari 15.4

前一篇: 今日相逢無酒錢
下一篇: 多彩流动边框演示

发表评论:

  
 

评论列表 [2条]

#2 | 悄然 于 2024-6-2 09:15 发布: lab颜色模式不同于RGB和CMYK。。色彩学真是博大精深

#1 | 小希 于 2024-6-2 09:10 发布: 直接看到演示的小工具,就是好玩,扯着玩了好一阵子

Copyright © 2023 All Right Reserved 马黑PHP文章管理整站系统v1.8
联系我们: gxblk@163.com