请问各位怎么利用js实现文字与背景反色？（实用、赞）

chelen_jak

于 2020-09-10 17:35:11 发布

阅读量1.3k

点赞数 2

分类专栏：实用赞 JavaScript

原文链接：https://zhidao.baidu.com/question/710988923723598245.html

版权

实用同时被 3 个专栏收录

738 篇文章

订阅专栏

JavaScript

311 篇文章

订阅专栏

205 篇文章

订阅专栏

本文介绍了一种计算颜色反色及调整对比度的方法，通过JavaScript代码实现，可根据输入的颜色值和对比度参数，计算出调整后的颜色值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原文出处：https://zhidao.baidu.com/question/710988923723598245.html
代码（有改良）

        // 计算反色, ilighten - 减弱对比度(-1 ~ -15)
        // 示例: oppositeColor("#000000", -4); 返回: #bbbbbb
        function oppositeColor(a, ilighten) {
            a = a.replace('#', '');
            //var max16 = 15;
            var max16 = Math.floor(15 + (ilighten || 0));
            if (max16 < 0 || max16 > 15) max16 = 15;
           
            var c16, c10, b = [];

            for (var i = 0; i < a.length; i++) {
                c16 = parseInt(a.charAt(i), 16);    // to 16进制
                c10 = parseInt(max16 - c16, 10);    // 10进制计算
                if (c10 < 0) c10 = Math.abs(c10); 
                b.push(c10.toString(16));           // to 16进制
            }
            return '#' + b.join('');
        }

效果图：