
HTML&CSS例
#7f96d5前景
起死回生。
<p style="color: #7f96d5">…</p>
#7f96d5背景
弱肉強食。
<p style="background-color: #7f96d5">…</p>
#7f96d5テキストに影をつける
自業自得。
<p style="text-shadow: 0.1em 0.1em 0.15em #7f96d5">…</p>
色空間変換
- 十進
- 8361685
- 二進法
- 01111111, 10010110, 11010101
- 十六進法
- #7f96d5
- LRV
- ≈ 31.1%
- 最も近い短い16進数
- #79d ΔE = 1.869
- RGB
- rgb(127, 150, 213)
- RGBA
- rgba(127, 150, 213, 1.0)
- rg色度
- r: 0.259, g: 0.306, b: 0.435
- RYB
- 赤色: 49.804%, 黄色: 56.920%, 青色: 83.529%
- Android/android.graphics.Color
- -8415531/0xff7f96d5
- HSL
- hsl(224, 51%, 67%)
- HSLA
- hsla(224, 51%, 67%, 1.0)
- HSV/HSB
- 色相: 224° (223.953), 飽和: 40% (0.404), 値: 84% (0.835)
- HSP
- 色相: 223.953, 飽和: 40.376%, 知覚される明るさ: 59.734%
- HSLuv(HUSL)
- H: 256.035, S: 58.501, L: 62.615
- Cubehelix
- H: -137.817, S: 0.543, L: 0.588
- TSL
- T: -2.270, S: 0.106, L: 0.589
- CMYK
- シアン色: 40% (0.404), マゼンタ色: 30% (0.296), 黄色: 0% (0.000), キー・プレート: 16% (0.165)
- CMY
- シアン色: 50% (0.502), マゼンタ色: 41% (0.412), 黄色: 16% (0.165)
- XYZ
- X: 31.665, Y: 31.127, Z: 67.278
- xyY
- x: 0.243, y: 0.239, Y: 31.127
- Lab色空間
- L: 62.615, a: 7.761, b: -34.804
- CIELuv
- L: 62.615, u: -13.838, v: -55.646
- CIELCH/LCHab
- L: 62.615, C: 35.658, H: 282.571
- CIELUV/LCHuv
- L: 62.615, C: 57.340, H: 256.035
- Hunter-Lab
- L: 55.792, a: 3.674, b: -32.442
- CIECAM02
- J: 52.242, C: 41.673, h: 261.418, Q: 142.404, M: 36.442, s: 50.587, H: 311.827
- OSA-UCS
- 明度: -10.269, 黄色: -6.111, 緑色: 0.804
- LMS
- L: 25.651, M: 30.969, S: 66.679
- YCbCr
- Y: 145.113, Cb: 159.061, Cr: 113.430
- YCoCg
- Y: 160.000, Cg: -10.000, Co: 10.250
- YDbDr
- Y: 150.305, Db: 94.329, Dr: 44.330
- YPbPr
- Y: 149.637, Pb: 34.145, Pr: -14.398
- xvYCC
- Y: 144.512, Cb: 157.994, Cr: 115.352
- YIQ
- Y: 150.305, I: -33.941, Q: 14.738
- YUV
- Y: 150.305, U: 30.853, V: -20.446
- マンセルカラーシステム
- 7.5PB 6/10 ΔE = 1.841
- ブランドカラー
- Disqus (blue) ΔE = 6.711