Last update: 2008-10-11
毎度ややこしい定義カラーのレンダリングテスト。
これは公開されている Firefox 3.1a2 Shiretoko あたりの設定では十分な結果だったのだが、その後の変更によって結果は振るわなくなってしまったが、それ以降 b2pre までに修正された部分がありそうなので、テストしてみる。
Firefox 3.1 のカラーマネージメント (2)にも書いたように、このテストは、どのモードも全く同じ結果なので、Safari と Opera との比較で行なう。
これはブラウザの優劣を決定するのではないので注意して欲しい。
画像は、上列が CSS で定義したテーブルセルのレンダリング、下側が RGB 値を設定した PNG ファイルのレンダリング。RGB 値の計測は Apple 純正の DigitalColor Meter で行なった。
Live Color のレンダリング結果は、全てのブラウザで正しくできている。懸念の Minefield もちゃんとできてる事に一安心。
| Live Color | cccccc | 999999 | 666666 | 333333 | 000000 |
|---|---|---|---|---|---|
| 正確な RGB 値 | 204 204 204 |
153 153 153 |
102 102 102 |
51 51 51 |
0 0 0 |
| Minefileld の RGB 値 | 204 204 204 |
153 153 153 |
102 102 102 |
51 51 51 |
0 0 0 |
| Safari の RGB 値 | 204 204 204 |
153 153 153 |
102 102 102 |
51 51 51 |
0 0 0 |
| Opera の RGB 値 | 204 204 204 |
153 153 153 |
102 102 102 |
51 51 51 |
0 0 0 |
イメージのレンダリングは Minefield と Safari で同じ結果となった。Opera はカラーマネージメントを持たない Firefox 2.x とだいたい同じくらい。
#cccccc の RGB 値が [203, 203, 203] となっているのは、どう変換しても "204" にならなかったので、ブラウザのせいではない。
| Images | ![]() |
![]() |
![]() |
![]() |
![]() |
|---|---|---|---|---|---|
| イメージの RGB 値 | 203 203 203 |
153 153 153 |
102 102 102 |
51 51 51 |
0 0 0 |
| Minefileld の RGB 値 | 203 203 203 |
153 153 153 |
102 102 102 |
51 51 51 |
0 0 0 |
| Safari の RGB 値 | 203 203 203 |
153 153 153 |
102 102 102 |
51 51 51 |
0 0 0 |
| Opera の RGB 値 | 213 213 213 |
169 169 169 |
121 121 121 |
66 66 66 |
0 0 0 |
Live Color の結果は、なんと Minefield がパーフェクト。 Safari は ccff66 の R 値に誤差がでた。といっても視覚程度では絶対に気がつかないが。
| Live Color | ccff99 | ccff66 | 669900 | 336600 | 003300 |
|---|---|---|---|---|---|
| 正確な RGB 値 | 204 255 153 |
204 255 102 |
102 153 0 |
51 102 0 |
0 51 0 |
| Minefileld の RGB 値 | 204 255 153 |
204 255 102 |
102 153 0 |
51 102 0 |
0 51 0 |
| Safari の RGB 値 | 204 255 153 |
203 255 102 |
102 153 0 |
51 102 0 |
0 51 0 |
| Opera の RGB 値 | 208 255 170 |
208 255 122 |
114 167 0 |
114 167 0 |
0 67 0 |
PNG ファイルのレンダリングは Minefield と Safari の結果で同じパーフェクト。
ただし、#003300 は sRGB だと [15, 39, 0] となってしまうため (計算上は合っているのだが)、色域の広い Adobe RGB で保存したため、正しくレンダリングできなくても問題ではない。
| Images | ![]() |
![]() |
![]() |
![]() |
![]() |
|---|---|---|---|---|---|
| イメージの RGB 値 | 204 255 153 |
204 255 102 |
102 153 0 |
51 102 0 |
0 51 0 |
| Minefileld の RGB 値 | 204 255 153 |
204 255 102 |
102 153 0 |
51 102 0 |
0 51 0 |
| Safari の RGB 値 | 204 255 153 |
203 255 102 |
102 153 0 |
51 102 0 |
0 51 0 |
| Opera の RGB 値 | 208 255 170 |
208 255 122 |
114 167 0 |
55 119 0 |
0 67 0 |
Live Color の結果は全てのブラウザが合格。SVG カラーはブラウザよりシステム依存のようですね。
| Live Color | 6495ed | 4169e1 | 00008b | 4b0082 | 7b68ee |
|---|---|---|---|---|---|
| 正確な RGB 値 | 100 149 237 |
65 105 225 |
0 0 139 |
75 0 130 |
123 104 238 |
| Minefileld の RGB 値 | 100 149 237 |
65 105 225 |
0 0 139 |
75 0 130 |
123 104 238 |
| Safari の RGB 値 | 100 149 237 |
65 105 225 |
0 0 139 |
75 0 130 |
123 104 238 |
| Opera の RGB 値 | 100 149 237 |
65 105 225 |
0 0 139 |
75 0 130 |
123 104 238 |
PNG ファイルは、#00008b が sRGB で再現できず、彩度を保ったままで変換したために [18, 0, 139] という結果となった。Live Color と比べると微妙な差が表れるが、誤差範囲と言うことで。
これも Minefield と Safari の結果は同じだ。
| Images | ![]() |
![]() |
![]() |
![]() |
![]() |
|---|---|---|---|---|---|
| イメージの RGB 値 | 100 149 237 |
65 105 225 |
18 0 139 |
75 0 130 |
123 104 238 |
| Minefileld の RGB 値 | 100 149 237 |
65 105 225 |
18 0 139 |
75 0 130 |
122 104 238 |
| Safari の RGB 値 | 100 149 237 |
65 105 225 |
18 0 139 |
75 0 130 |
122 104 238 |
| Opera の RGB 値 | 104 167 241 |
63 127 231 |
0 21 157 |
97 24 148 |
139 128 241 |
Firefox が Safari と同じ結果を出せるようになっている。すばらしい。定義カラーに関しては問題なしと言うことで良いと思う。