# GoldenDict 的色彩渲染与 css 设定的差别怎么这么大？

**URL:** <https://forum.freemdict.com/t/topic/6246>\
**Category:** 词典装饰排版交流分享\
**Created:** [2021 年5 月 14 日 12:08 UTC](https://forum.freemdict.com/t/topic/6246 "2021-05-14T12:08:15Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

作者： ![Puye](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/p/dc4da7/32.png) [@Puye](https://forum.freemdict.com/u/Puye)\
发布日期： [2021 年5 月 14 日 12:08 UTC](https://forum.freemdict.com/t/topic/6246/1 "2021-05-14T12:08:15Z")

</div>

![](https://forumcdn.freemdict.com/uploads/default/original/2X/8/874f374a21ae4a8b1c22e8e307e09db601b17982.png)

#4cc5f2 的颜色被渲染成了 #00C8F7，不止这一处，其他所有颜色都有偏差，很夸张，想问下是我用的这一版 GoldenDict 有问题还是都这样，有了解的吗

---

<div class="post-metadata">

作者： ![hua](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/hua/32/11090_2.png) [@hua](https://forum.freemdict.com/u/hua)\
发布日期： [2021 年5 月 14 日 12:28 UTC](https://forum.freemdict.com/t/topic/6246/2 "2021-05-14T12:28:51Z")

</div>

第一次见这个问题。。

---

<div class="post-metadata">

作者： ![ilov](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/i/87869e/32.png) [@ilov](https://forum.freemdict.com/u/ilov)\
发布日期： [2021 年5 月 14 日 12:42 UTC](https://forum.freemdict.com/t/topic/6246/3 "2021-05-14T12:42:02Z")

</div>

没有这个问题，PS取样点色彩转换造成的差异。

---

<div class="post-metadata">

作者： ![Puye](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/p/dc4da7/32.png) [@Puye](https://forum.freemdict.com/u/Puye)\
发布日期： [2021 年5 月 14 日 13:38 UTC](https://forum.freemdict.com/t/topic/6246/4 "2021-05-14T13:38:49Z")

</div>

不是取色转换的问题，检查了好几次，偏色肉眼可见。在 Chrone 下预览没问题，呈现和设定色值一样。截图左侧是 GD 界面，右侧是 Chrome。

 ![截屏2021-05-14 下午7.42.37](https://forumcdn.freemdict.com/uploads/default/original/2X/7/79d14339de3a9565b9f399c59505643a91bae5ef.png)

---

<div class="post-metadata">

作者： ![ilov](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/i/87869e/32.png) [@ilov](https://forum.freemdict.com/u/ilov)\
发布日期： [2021 年5 月 14 日 13:48 UTC](https://forum.freemdict.com/t/topic/6246/5 "2021-05-14T13:48:46Z")

</div>

哦，GD内核是用Qt5WebKit建立的，和Chrome内核有些不同，一些CSS命令Chorome支持，在GD中就不支持了。可能是这个原因。

---

<div class="post-metadata">

作者： ![Puye](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/p/dc4da7/32.png) [@Puye](https://forum.freemdict.com/u/Puye)\
发布日期： [2021 年5 月 14 日 14:29 UTC](https://forum.freemdict.com/t/topic/6246/6 "2021-05-14T14:29:40Z")

</div>

嗯，希望有人能解决

---

<div class="post-metadata">

作者： ![depgreen](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/d/258eb7/32.png) [@depgreen](https://forum.freemdict.com/u/depgreen)\
发布日期： [2021 年5 月 15 日 02:59 UTC](https://forum.freemdict.com/t/topic/6246/7 "2021-05-15T02:59:33Z")

</div>

我测试了下，自己机器上goldendict的色值和你发的两个都稍有偏差，浏览器里在你发的图上同一点取色值，结果也和你的不一样。

无法精确重现色值， 会不会是浏览器的普遍现象？

---

<div class="post-metadata">

作者： ![G8tVRaREgbTrUy9xLnhX](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/g8tvraregbtruy9xlnhx/32/9891_2.png) [@G8tVRaREgbTrUy9xLnhX](https://forum.freemdict.com/u/G8tVRaREgbTrUy9xLnhX)\
发布日期： [2021 年5 月 15 日 03:42 UTC](https://forum.freemdict.com/t/topic/6246/8 "2021-05-15T03:42:33Z")

</div>

我觉得不可能相差这么大。有没有可能：

- 你的软件里其他词典的CSS干扰了你测试的内容？
- 加上`!important`试试看可以不

---

<div class="post-metadata">

作者： ![last\_idol](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/last_idol/32/2205_2.png) [@last\_idol](https://forum.freemdict.com/u/last_idol)\
发布日期： [2021 年5 月 15 日 03:49 UTC](https://forum.freemdict.com/t/topic/6246/9 "2021-05-15T03:49:16Z")

</div>

如果 css 没错，就是浏览器颜色管理的差异。[[参考]](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#syntax)

> **Note:** Although `<color>` values are precisely defined, their actual appearance may vary (sometimes significantly) from device to device. This is because most devices are not calibrated, and some browsers do not support output devices’ [color profiles](https://en.wikipedia.org/wiki/ICC_profile).

---

<div class="post-metadata">

作者： ![Puye](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/p/dc4da7/32.png) [@Puye](https://forum.freemdict.com/u/Puye)\
发布日期： [2021 年5 月 16 日 05:28 UTC](https://forum.freemdict.com/t/topic/6246/10 "2021-05-16T05:28:13Z")

</div>

方便的话能否找个背景色改成 #4cc5f2 试试 GoldenDict 会呈现成什么色值

> [@depgreen](#):
>
> 浏览器里在你发的图上同一点取色值，结果也和你的不一样

图片经上传可能会有变化。

> [@depgreen](#):
>
> 无法精确重现色值， 会不会是浏览器的普遍现象？

关于这个，Chrome 可能会有小差异，经调整可完全呈现色值：

 ![](https://forumcdn.freemdict.com/uploads/default/original/2X/3/313fd4776c62920945cf5faf3dbef2b0ebff27c5.jpeg)

---

<div class="post-metadata">

作者： ![Puye](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/p/dc4da7/32.png) [@Puye](https://forum.freemdict.com/u/Puye)\
发布日期： [2021 年5 月 16 日 05:51 UTC](https://forum.freemdict.com/t/topic/6246/11 "2021-05-16T05:51:56Z")

</div>

> [@G8tVRaREgbTrUy9xLnhX](#):
>
> - 你的软件里其他词典的CSS干扰了你测试的内容？
> - 加上 `!important` 试试看可以不

试了：

- 删除其他词典；
- 在其他词典上测试；
- 换官方Goldendict。

都问题依旧， #4cc5f2 这个色值都实际呈现成 #00C8F7

---

<div class="post-metadata">

作者： ![Puye](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/p/dc4da7/32.png) [@Puye](https://forum.freemdict.com/u/Puye)\
发布日期： [2021 年5 月 16 日 05:56 UTC](https://forum.freemdict.com/t/topic/6246/12 "2021-05-16T05:56:10Z")

</div>

> [@last\_idol](#):
>
> 如果 css 没错，就是浏览器颜色管理的差异。

Chrome 呈现没问题。  
如果是 GoldenDict 的内置浏览器的色彩管理问题，怎么改呢

---

<div class="post-metadata">

作者： ![ilov](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/i/87869e/32.png) [@ilov](https://forum.freemdict.com/u/ilov)\
发布日期： [2021 年5 月 16 日 06:48 UTC](https://forum.freemdict.com/t/topic/6246/13 "2021-05-16T06:48:02Z")

</div>

html中使用

```auto
如果是
<body background-color:#4cc5f2>
显示颜色不一致
改为：
<body style="background-color:#4cc5f2">
显示颜色一致

```

Puye，你用RGB值显示颜色的方式在css中试一试呢？

```auto
background: rgba(76,197,242)

```

---

<div class="post-metadata">

作者： ![depgreen](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/d/258eb7/32.png) [@depgreen](https://forum.freemdict.com/u/depgreen)\
发布日期： [2021 年5 月 16 日 10:29 UTC](https://forum.freemdict.com/t/topic/6246/14 "2021-05-16T10:29:41Z")

</div>

刚测了下，我这边用的是老兄坛里分享的css，背景是#4cc5f2的，  
 ![image](https://forumcdn.freemdict.com/uploads/default/original/2X/5/567c3f5db28c596fe1170f59e0659aea2e55cd97.png)  
 ![image](https://forumcdn.freemdict.com/uploads/default/original/2X/2/2bc374b63359eedce959fbdebd0339c4f9fcdd79.png)

goldendict 1.5.0 19E8 nonwill版呈现的色彩是对的：  
 ![image](https://forumcdn.freemdict.com/uploads/default/original/2X/1/195825db19aa35f07b56a9edde2a2d088062b52f.png)  
goldendict 2A2D 5月6号 nonwill版呈现的色彩也是对的：  
 ![image](https://forumcdn.freemdict.com/uploads/default/original/2X/0/056cfc32bf4251f83f25d86af5c18bbb8eb0f513.png)

之前测试发现的色彩不同， 应该和图片在浏览器中的色彩呈现有关。试了下截图保存为png， 上传论坛后再下载贴里的图片为png，色彩呈现都是对的。

---

<div class="post-metadata">

作者： ![depgreen](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/d/258eb7/32.png) [@depgreen](https://forum.freemdict.com/u/depgreen)\
发布日期： [2021 年5 月 16 日 10:48 UTC](https://forum.freemdict.com/t/topic/6246/15 "2021-05-16T10:48:53Z")

</div>

> [@Puye](#):
>
> 关于这个，Chrome 可能会有小差异，经调整可完全呈现色值：
> 
> ![](https://forumcdn.freemdict.com/uploads/default/original/2X/3/313fd4776c62920945cf5faf3dbef2b0ebff27c5.jpeg)

按这个设置了浏览器的force-color-profile，图片色彩确实就对了

---

<div class="post-metadata">

作者： ![Puye](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/p/dc4da7/32.png) [@Puye](https://forum.freemdict.com/u/Puye)\
发布日期： [2021 年5 月 16 日 11:24 UTC](https://forum.freemdict.com/t/topic/6246/16 "2021-05-16T11:24:58Z")

</div>

看你的 Goldendict 截图上呈现的是正确的。  
你的电脑环境能说一下吗，我用的是 iMac 2019 macOS Catalina

另外我刚才在测试中发现，vsCode 上的预览颜色竟然也有和我这边 Goldendict 同样的问题（html 预览，css 颜色值前面的小色块，都把 #4cc5f2 这个色值实际呈现成 #00C8F7） ，

 ![vs code 上的预览颜色问题](https://forumcdn.freemdict.com/uploads/default/original/2X/6/6767c7af9d2373f05ce2da17a41d6f42c9f1a365.png)

查了一下，[有人也在 vsCode 遇到](https://www.reddit.com/r/vscode/comments/elww05/help_vscode_using_the_wrong_color_profile/)这个问题，其解决方法是：

> Open the command palette and go to `Preferences: Configure Runtime Arguments` . From here, look for the setting `"disable-color-correct-rendering": true` . Change it from true to false. Restart Visual Studio Code.

应用之后 vsCode 预览确实一致了。我现在有点糊涂了。

---

<div class="post-metadata">

作者： ![depgreen](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/d/258eb7/32.png) [@depgreen](https://forum.freemdict.com/u/depgreen)\
发布日期： [2021 年5 月 16 日 11:42 UTC](https://forum.freemdict.com/t/topic/6246/17 "2021-05-16T11:42:12Z")

</div>

我用的是win10

---

<div class="post-metadata">

作者： ![Puye](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/p/dc4da7/32.png) [@Puye](https://forum.freemdict.com/u/Puye)\
发布日期： [2021 年5 月 16 日 12:14 UTC](https://forum.freemdict.com/t/topic/6246/18 "2021-05-16T12:14:48Z")

</div>

不是颜色格式的问题。

---

<div class="post-metadata">

作者： ![last\_idol](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/last_idol/32/2205_2.png) [@last\_idol](https://forum.freemdict.com/u/last_idol)\
发布日期： [2021 年5 月 16 日 13:34 UTC](https://forum.freemdict.com/t/topic/6246/19 "2021-05-16T13:34:41Z")

</div>

GoldenDict 不支持色彩管理

---

<div class="post-metadata">

作者： ![depgreen](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/d/258eb7/32.png) [@depgreen](https://forum.freemdict.com/u/depgreen)\
发布日期： [2021 年5 月 17 日 01:37 UTC](https://forum.freemdict.com/t/topic/6246/20 "2021-05-17T01:37:11Z")

</div>

我在big sur上也测试了下， 用的系统自带数码测色计。

选择显示原生值模式，测出来的数值是对的：  
 ![未标题-2](https://forumcdn.freemdict.com/uploads/default/original/2X/f/f6da4756f398d6e22c8105a3032b9d2e365cc4e2.png)  
用sRGB模式，则数值稍有偏差：  
 ![未标题-4](https://forumcdn.freemdict.com/uploads/default/original/2X/3/34fe3598a99fe45c8c5ea30b6c67f3af0fa13bfe.png)

[下一页](https://forum.freemdict.com/t/topic/6246.md?page=2)