网页渲染的颜色竟然和设定值的不同！Chrome 61+色差解决办法
最近在和设计对UI的时候发现色彩总是对不上。。。
打开屏幕截图工具识色，竟然发现浏览器渲染的颜色和设定值不一样！
这差点让我开始怀疑人生了。。竟然还有这样的Bug
上图可以看到，实际设定rgb(227,109,1)，缺渲染出rgb(211,115,47)，便暗一些。。
百度搜索无果~~开始翻墙Google
很快找到
https://productforums.google....
解释大致是Chrome61开始会遵循显示器上的配置文件。
发现我的连的是双屏显示器（一台Surface Stuido外连Dell的屏幕）可能其中一台的颜色配置文件不相同导致的问题。
打开显示器色彩配置：
好吧~ 另一台显示器无法修改色彩配置，看来只能从浏览器来解决这个问题了。
解决办法（2选1）
方法一：关闭硬件加速，重启后浏览器就恢复正常
方法二：打开chrome://flags/#force-color-profile，将色彩配置设置为sRGB
chrome
前端后花园
前端后花园分享前端技术
推荐阅读
「彻底弄懂」this全面解析
当一个函数被调用时，会创建一个活动记录（有时候也称为执行上下文）。这个记录会包含函数在 哪里被调用（调用栈）、函数的调用方法、传入的参数等信息。this就是记录的其中一个属性，会在 函数执行的过程中用到...
wuwhs赞 17阅读 2.1k
ChatGPT for SegmentFault 插件发布！
ChatGPT for SegmentFault 是一个浏览器插件，帮助你在思否社区查看 ChatGPT 针对每个问题的回答，在你等待人工回答的同时，快速获取到 AI 提供的回答。社区用户间相互帮助会产生更多交流，答案中通常包含一些自...
SegmentFault思否赞 13阅读 2k评论 4
图解浏览器的多进程渲染机制
观察浏览器的任务管理器可以发现，打开浏览器的一个页面需要多个进程，包括浏览器进程、GPU 进程、网络进程、渲染进程等，有插件的话还会包括各种插件进程（Chrome 选项 -> 更多工具 -> 任务管理器）。
兰俊秋雨赞 6阅读 1.1k
CSS 高阶小技巧 - 角向渐变的妙用！
本文将介绍一个角向渐变的一个非常有意思的小技巧！我们尝试使用 CSS 绘制如下图形：在之前，类似的图案，其实我们有尝试过，在 单标签实现复杂的棋盘布局 一文中，我们用单标签实现了这样一个棋盘布局：那么，本...
chokcoco赞 7阅读 505
学会了slidev.js的开发者, 也许可以考虑不用ppt了?
    作为一个开发者, 每次使用PPT或者Word写简历或者述职都好痛苦啊, 这些App也不太适合展示代码, 但是今天来的家人们有福了, 一款叫做是slidev的库露出了邪魅的微笑 官网地址。
lulu_up赞 7阅读 808
编写属于自己的音乐播放器
因为以上两个问题，这就导致我们需要对原生的audio进行修改时比较困难。而对于大多数音频的需求，我们可以使用满足我们要求的第三方组件库中选择，如：
九旬赞 7阅读 708评论 1
浏览器截图方案分析
浏览器截图方案分析页面截屏是前端经常遇到的需求，比如页面生成海报，弹窗图片分享等。以下是我整理三种截图方案：html2canvasdom-to-imagewebRTChtml2canvashtml2canvas 用的比较广泛的前端截图方案，先将 DOM ...
九旬赞 6阅读 536
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。