小编2x2*_*x2p的帖子

计算 RGB 值的人眼对比度差异的有效方法是什么?

为了检查灰度中的两种颜色是否太接近而无法被人眼区分。如果选择了“危险”颜色,我希望能够向用户发出警告。因此,根据结果,我们可以决定对于视力不好的人是否应该将两种颜色之一更改为白色或黑色以增强可读性对比度。例如,十六进制颜色#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)

那么在不更改或转换实际图像或颜色对象的情况下比较它们的最佳脚本样式公式是什么?

javascript php rgb image colors

3
推荐指数
2
解决办法
1734
查看次数

隐藏在向下滚动+固定进度条上的粘性标题

尝试创建一个标题+进度条,如下所示: https ://blog.fullstory.com/cross-function-collaboration/

  1. 需要一个粘性(固定)标题,仅在向上滚动时显示,向下滚动时隐藏。
  2. 标题下方始终固定有一个进度条。当您向上滚动且隐藏蓝色标题时,进度条仍应显示...就像 blog.fullstory.com 一样

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)

javascript css

2
推荐指数
1
解决办法
4292
查看次数

标签 统计

javascript ×2

colors ×1

css ×1

image ×1

php ×1

rgb ×1