为了检查灰度中的两种颜色是否太接近而无法被人眼区分。如果选择了“危险”颜色,我希望能够向用户发出警告。因此,根据结果,我们可以决定对于视力不好的人是否应该将两种颜色之一更改为白色或黑色以增强可读性对比度。例如,十六进制颜色#9d5fb0
(紫色)和#318261
(绿色)将变成几乎相同的灰色调。在 HSB 中,B 值与其他值仅相差 1%,因此健康的人眼无法真正看出差异。或者对于相同的情况,这种情况下的 8 位 K 值相差 2%。
我了解到亮度方法是一种更复杂的方法,可以像人眼看到颜色一样判断灰色调。然而,如何以编程方式做到这一点超出了我目前的理解。我可以写它,PHP
或者JS
一旦我理解了数学。
为了CSS
从屏幕pixel
或文件中选择值作为图像object
,我想我们应该始终将输入处理为 RGB 对吗?
就像是:
$result = grayScaleDifference('#9d5fb0','#318261');
Run Code Online (Sandbox Code Playgroud)
或者
$result = 8bitK_difference('#9d5fb0','#318261');
Run Code Online (Sandbox Code Playgroud)
或者
$result = luminanceDifference('#9d5fb0','#318261');
Run Code Online (Sandbox Code Playgroud)
那么在不更改或转换实际图像或颜色对象的情况下比较它们的最佳脚本样式公式是什么?
尝试创建一个标题+进度条,如下所示: https ://blog.fullstory.com/cross-function-collaboration/
https://codepen.io/connecteev/pen/eaqxvj
代码片段:
// Hide Header on scroll down, Show Header on scroll up
var didScroll;
var lastScrollTop = 0;
var delta = 5;
var navbarHeight = $('header').outerHeight();
$(window).scroll(function(event){
didScroll = true;
});
setInterval(function() {
if (didScroll) {
hasScrolled();
didScroll = false;
}
}, 250);
function hasScrolled() {
var st = $(this).scrollTop();
// Make sure they scroll more than delta
if(Math.abs(lastScrollTop - st) <= delta)
return;
// If they scrolled down and are past …
Run Code Online (Sandbox Code Playgroud)