
HTML&CSS例
#7f7a8e前景
花より団子。
<p style="color: #7f7a8e">…</p>
#7f7a8e背景
案ずるより産むが易し。
<p style="background-color: #7f7a8e">…</p>
#7f7a8eテキストに影をつける
蛙の子は蛙。
<p style="text-shadow: 0.1em 0.1em 0.15em #7f7a8e">…</p>
色空間変換
- 十進
- 8354446
- 二進法
- 01111111, 01111010, 10001110
- 十六進法
- #7f7a8e
- LRV
- ≈ 20.4%
- 最も近い短い16進数
- #778 ΔE = 2.638
- RGB
- rgb(127, 122, 142)
- RGBA
- rgba(127, 122, 142, 1.0)
- rg色度
- r: 0.325, g: 0.312, b: 0.363
- RYB
- 赤色: 49.804%, 黄色: 47.843%, 青色: 55.686%
- Android/android.graphics.Color
- -8422770/0xff7f7a8e
- HSL
- hsl(255, 8%, 52%)
- HSLA
- hsla(255, 8%, 52%, 1.0)
- HSV/HSB
- 色相: 255° (255.000), 飽和: 14% (0.141), 値: 56% (0.557)
- HSP
- 色相: 255.000, 飽和: 14.085%, 知覚される明るさ: 49.384%
- HSLuv(HUSL)
- H: 275.693, S: 12.810, L: 52.269
- Cubehelix
- H: -110.262, S: 0.132, L: 0.493
- TSL
- T: -3.587, S: 0.031, L: 0.493
- CMYK
- シアン色: 11% (0.106), マゼンタ色: 14% (0.141), 黄色: 0% (0.000), キー・プレート: 44% (0.443)
- CMY
- シアン色: 50% (0.502), マゼンタ色: 52% (0.522), 黄色: 44% (0.443)
- XYZ
- X: 20.593, Y: 20.384, Z: 28.436
- xyY
- x: 0.297, y: 0.294, Y: 20.384
- Lab色空間
- L: 52.269, a: 6.047, b: -10.135
- CIELuv
- L: 52.269, u: 1.537, v: -15.416
- CIELCH/LCHab
- L: 52.269, C: 11.801, H: 300.822
- CIELUV/LCHuv
- L: 52.269, C: 15.492, H: 275.693
- Hunter-Lab
- L: 45.149, a: 2.408, b: -5.738
- CIECAM02
- J: 41.980, C: 14.540, h: 287.423, Q: 127.654, M: 12.715, s: 31.560, H: 326.403
- OSA-UCS
- 明度: -10.150, 黄色: -1.866, 緑色: -0.434
- LMS
- L: 19.230, M: 20.286, S: 28.303
- YCbCr
- Y: 124.043, Cb: 136.040, Cr: 128.775
- YCgCo
- Y: 128.250, Cg: -6.250, Co: 28.000
- YDbDr
- Y: 125.775, Db: 24.410, Dr: -2.325
- YPbPr
- Y: 124.505, Pb: 9.425, Pr: 1.580
- xvYCC
- Y: 122.928, Cb: 136.279, Cr: 129.388
- YIQ
- Y: 125.775, I: -3.447, Q: 7.280
- YUV
- Y: 125.775, U: 7.986, V: 1.075
- マンセルカラーシステム
- 5P 5/4 ΔE = 2.755
- ブランドカラー
- Heroku (dark) ΔE = 11.492