给单一颜色的基本颜色值集:
:root { --h: 100; --s: 50%; --l: 50%; --hsl: var(--h), var(--s), var(--l); --hslf: hsl(var(--hsl)); }
您可以通过以下任意一种方式玩彩色游戏。
background-color: hsla( var(--hsl), 1 );
background-color: hsla( var(--hsl), .8 );
background-color: hsla( var(--hsl), .6 );
background-color: hsla( var(--hsl), .4 );
background-color: hsla( var(--hsl), .2 );
background-color: hsl( var(--h), var(--s), var(--l) );
background-color: hsl( calc(var(--h) + 72), var(--s), var(--l) );
background-color: hsl( calc(var(--h) + 144), var(--s), var(--l) );
background-color: hsl( calc(var(--h) + 216), var(--s), var(--l) );
background-color: hsl( calc(var(--h) + 288), var(--s), var(--l) );
background-color: hsl( calc(var(--h) + 360), var(--s), var(--l) );
background-color: hsl( var(--h), calc(var(--s) + 10%), var(--l) );
background-color: hsl( var(--h), calc(var(--s) + 20%), var(--l) );
background-color: hsl( var(--h), calc(var(--s) + 30%), var(--l) );
background-color: hsl( var(--h), calc(var(--s) + 40%), var(--l) );
background-color: hsl( var(--h), calc(var(--s) - 10%), var(--l) );
background-color: hsl( var(--h), calc(var(--s) - 20%), var(--l) );
background-color: hsl( var(--h), calc(var(--s) - 30%), var(--l) );
background-color: hsl( var(--h), calc(var(--s) - 40%), var(--l) );
background-color: hsl( var(--h), var(--s), calc(var(--l) + 10%) );
background-color: hsl( var(--h), var(--s), calc(var(--l) + 20%) );
background-color: hsl( var(--h), var(--s), calc(var(--l) + 30%) );
background-color: hsl( var(--h), var(--s), calc(var(--l) + 40%) );
background-color: hsl( var(--h), var(--s), calc(var(--l) - 10%) );
background-color: hsl( var(--h), var(--s), calc(var(--l) - 20%) );
background-color: hsl( var(--h), var(--s), calc(var(--l) - 30%) );
background-color: hsl( var(--h), var(--s), calc(var(--l) - 40%) );
您已开通在线代码永久免费下载,关闭提示框后,点下载代码可直接下载!
您已经开通过在线代码永久免费下载
对不起,您的jQ币不足!可通过发布资源 或直接充值获取jQ币