Skip to content

判断某个颜色是浅色还是暗色:支持调节最小对比度、支持前景色半透明

Notifications You must be signed in to change notification settings

dwb1994/lightordark

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Lightordark

install

npm install lightordark

在文件中引入:

var lightordark = require('lightordark');

Usage

getLuminance

获取亮度

lightordark.getLuminance('#cdf'); // 0.7177027204456372

getContrast

获取对比度

lightordark.getContrast('#666', '#fff'); // 5.74183648145415
lightordark.getContrast(lightordark.mixColor('rgba(0,0,0,.6)', '#fff'), '#fff'); // 5.74183648145415

mixColor

Alpha 混合 支持前景色半透明

lightordark.mixColor('rgba(0,0,0,.6)', '#fff'); // #666666
lightordark.mixColor('#666', '#fff'); // #666666

contrast

判断是浅色还是暗色 支持调节最小对比度

lightordark.contrast('#888'); // dark
lightordark.contrast('#888', 7); // light

链接与参考资料


About

判断某个颜色是浅色还是暗色:支持调节最小对比度、支持前景色半透明

Resources

Stars

Watchers

Forks

Packages

No packages published