跨設備

-2

不一致RGBA如果你做一個簡單的網站與代碼：跨設備

<div style='background-color: rgba(0,0,0,.05);width:50px;height:50px'></div>

，並認爲它在各種設備上，你會看到非常不同的顏色。

在我的iPhone和iPad上，它看起來是白色的，但在我的MacBook上，您可以看到明確的淺灰色，看起來接近#fafafa;我還沒有在其他設備上進行徹底測試，但我認爲Android Chrome有時會在兩種顏色之間顯示第三種顏色。

這不是屏幕顏色容量不同的問題，因爲iPad絕對可以顯示#fafafa。

那麼，故事是什麼，有什麼方法可以解決它？

來源

2013-08-02 Aaron Yodaiken

Metameric失敗。 http://en.wikipedia.org/wiki/Metamerism_(color）。每個屏幕有不同的光譜分佈，所以他們可以測量相同的，但在視覺上有所不同。例如：走進一家電子產品零售商，每個擁有不同背光燈的品牌電視可以看起來非常不同，坐在一起顯示您認爲完全相同的內容。 –

但正如我所說的，我更關心'＃fafafa'和'rgba（0,0,0，.05）'之間的區別。 –

你是否試圖匹配'＃fafafa'到'rgba（0,0,0,0.5）'？現在我很困惑。 –

rgba(0,0,0,.05)是一個令人難以置信的光色。 5％的色調在許多低端LCD上不可見 - 特別是6bit panels。就個人而言，當我使用RGBA時，我只能以10％的增量進行調整。此外，您會注意到#fafafa和rgba(0,0,0,.05)不顯示相同，因爲它們不相同。是rgba(0,0,0,.05)（至少在Photoshop中）。

您在RGB的類型之間也有差異。設備也根據照明條件進行不同的調整 - 而且它們不會以相同的方式調整。也有不同screen types像AMOLED

來源

2013-08-05 22:32:24 user1337

從我的經驗，通常是由於不同的屏幕和亮度設置的對比。我的建議是與那些玩。

還要檢查該瀏覽器兼容性，但你所提到的應該是確定：

http://css-tricks.com/rgba-browser-support/

來源

2013-08-02 17:45:39

回答

相關問題