HueSense

ΔEの大きさ別 色差の見本表

数値だけではピンとこないΔEを、実際の色で並べて見せる表です。6つの色相グループの基準色に、CIEDE2000で決めた大きさの差をつけたあと、画面に表示される8ビットのsRGB値に丸め、3種類の式で計算し直しました。

同じΔE00でも、CIE76の値は色相グループによって大きく変わることがわかります。これこそが、色相グループどうしを比べるときにCIEDE2000を使う理由です。すべての値は、このサイトの計算エンジンでビルド時に生成しました。

大きさ別の比較 — 色相(hue)方向にΔE00を大きくした場合

各行は、基準色の明度と彩度はそのままに、色相だけを回してΔE00を合わせた色です(グレーには色相がないため、明度だけを変えています)。

色相グループ0.5123510
目標 ΔE00
赤#c75148ΔE00 0.50
ΔE76 1.34
#c85046
ΔE00 0.99
ΔE76 1.55
#c55145
ΔE00 2.07
ΔE76 3.41
#c55444
ΔE00 3.01
ΔE76 4.89
#c45340
ΔE00 5.07
ΔE76 8.22
#c3553b
ΔE00 10.00
ΔE76 15.86
#bc5a30
黄#f0d058ΔE00 0.54
ΔE76 1.03
#eed059
ΔE00 1.08
ΔE76 1.88
#ecd059
ΔE00 2.00
ΔE76 3.23
#ecd358
ΔE00 3.00
ΔE76 4.82
#e8d359
ΔE00 5.09
ΔE76 8.26
#e1d45a
ΔE00 10.08
ΔE76 16.83
#d3da5c
緑#5b9f65ΔE00 0.51
ΔE76 0.86
#5aa067
ΔE00 1.00
ΔE76 1.83
#579e67
ΔE00 1.99
ΔE76 3.75
#51a06a
ΔE00 2.98
ΔE76 5.62
#4ca16d
ΔE00 5.00
ΔE76 9.29
#42a173
ΔE00 9.98
ΔE76 18.11
#22a383
青#487fbdΔE00 0.51
ΔE76 0.91
#497ebd
ΔE00 0.99
ΔE76 1.29
#4e7fbc
ΔE00 2.00
ΔE76 3.23
#507dbe
ΔE00 2.98
ΔE76 3.63
#577ebc
ΔE00 5.00
ΔE76 6.35
#5d7bbb
ΔE00 10.02
ΔE76 12.81
#6e77ba
紫#8e5599ΔE00 0.49
ΔE76 0.79
#8e5497
ΔE00 0.99
ΔE76 1.72
#915497
ΔE00 2.01
ΔE76 3.61
#945295
ΔE00 2.96
ΔE76 5.35
#975193
ΔE00 5.03
ΔE76 9.17
#9c4f8d
ΔE00 9.99
ΔE76 19.09
#a64a7d
無彩色(明度)#919191ΔE00 0.34
ΔE76 0.38
#929292
ΔE00 1.00
ΔE76 1.15
#949494
ΔE00 1.98
ΔE76 2.29
#979797
ΔE00 2.94
ΔE76 3.43
#9a9a9a
ΔE00 5.11
ΔE76 6.07
#a1a1a1
ΔE00 10.03
ΔE76 12.40
#b2b2b2

方向別の比較 — 同じΔE00 2.0を明度・彩度・色相で作った場合

体感上の差を同じ(ΔE00 = 2.0)にするには、どの方向にどれだけ動かす必要があるかを示します。CIE76の値が大きいほど、古い式がその方向の差を過大評価しているということです。

色相グループ方向基準色 · 比較色ΔE00ΔE94ΔE76
赤#c75148明度#cc574e2.002.012.24
彩度#d04a422.002.097.19
色相#c554442.071.853.41
黄#f0d058明度#fad8612.003.023.09
彩度#f3d0452.012.097.88
色相#ecd3582.001.693.23
緑#5b9f65明度#62a56b1.992.302.33
彩度#52a2601.992.085.86
色相#51a06a1.992.293.75
青#487fbd明度#4f84c32.002.062.09
彩度#357fc72.012.266.08
色相#507dbe2.002.003.23
紫#8e5599明度#945a9e2.002.082.09
彩度#9252a12.042.126.29
色相#9452952.012.123.61
無彩色(明度)#919191明度#9797971.982.292.29

表の読み方

テストを試す →