
HTML&CSS例
#4b4e76前景
蛙の子は蛙。
<p style="color: #4b4e76">…</p>
#4b4e76背景
七転び八起き。
<p style="background-color: #4b4e76">…</p>
#4b4e76テキストに影をつける
覆水盆に帰らず。
<p style="text-shadow: 0.1em 0.1em 0.15em #4b4e76">…</p>
色空間変換
- 十進
- 4935286
- 二進法
- 01001011, 01001110, 01110110
- 十六進法
- #4b4e76
- LRV
- ≈ 8.3%
- 最も近い短い16進数
- #557 ΔE = 3.598
- RGB
- rgb(75, 78, 118)
- RGBA
- rgba(75, 78, 118, 1.0)
- rg色度
- r: 0.277, g: 0.288, b: 0.435
- RYB
- 赤色: 29.412%, 黄色: 30.512%, 青色: 46.275%
- Android/android.graphics.Color
- -11841930/0xff4b4e76
- HSL
- hsl(236, 22%, 38%)
- HSLA
- hsla(236, 22%, 38%, 1.0)
- HSV/HSB
- 色相: 236° (235.814), 飽和: 36% (0.364), 値: 46% (0.463)
- HSP
- 色相: 235.814, 飽和: 36.441%, 知覚される明るさ: 32.434%
- HSLuv(HUSL)
- H: 263.643, S: 27.878, L: 34.503
- Cubehelix
- H: -126.488, S: 0.336, L: 0.320
- TSL
- T: -2.781, S: 0.097, L: 0.320
- CMYK
- シアン色: 36% (0.364), マゼンタ色: 34% (0.339), 黄色: 0% (0.000), キー・プレート: 54% (0.537)
- CMY
- シアン色: 71% (0.706), マゼンタ色: 69% (0.694), 黄色: 54% (0.537)
- XYZ
- X: 8.895, Y: 8.252, Z: 18.260
- xyY
- x: 0.251, y: 0.233, Y: 8.252
- Lab色空間
- L: 34.503, a: 9.323, b: -23.218
- CIELuv
- L: 34.503, u: -3.605, v: -32.358
- CIELCH/LCHab
- L: 34.503, C: 25.020, H: 291.877
- CIELUV/LCHuv
- L: 34.503, C: 32.558, H: 263.643
- Hunter-Lab
- L: 28.727, a: 5.000, b: -17.579
- CIECAM02
- J: 25.299, C: 28.996, h: 272.568, Q: 99.097, M: 25.357, s: 50.584, H: 317.841
- OSA-UCS
- 明度: -10.286, 黄色: -4.126, 緑色: -0.187
- LMS
- L: 7.098, M: 7.861, S: 18.096
- YCbCr
- Y: 86.151, Cb: 146.004, Cr: 123.843
- YCgCo
- Y: 87.250, Cg: -9.250, Co: 8.000
- YDbDr
- Y: 81.663, Db: 54.670, Dr: 12.679
- YPbPr
- Y: 80.241, Pb: 20.345, Pr: -3.340
- xvYCC
- Y: 84.913, Cb: 145.872, Cr: 125.066
- YIQ
- Y: 81.663, I: -14.638, Q: 11.811
- YUV
- Y: 81.663, U: 17.882, V: -5.845
- マンセルカラーシステム
- 7.5PB 3/6 ΔE = 2.512
- ブランドカラー
- Facebook ΔE = 7.000