
HTML&CSS例
#af776a前景
案ずるより産むが易し。
<p style="color: #af776a">…</p>
#af776a背景
七転び八起き。
<p style="background-color: #af776a">…</p>
#af776aテキストに影をつける
我田引水。
<p style="text-shadow: 0.1em 0.1em 0.15em #af776a">…</p>
色空間変換
- 十進
- 11499370
- 二進法
- 10101111, 01110111, 01101010
- 十六進法
- #af776a
- LRV
- ≈ 23.4%
- 最も近い短い16進数
- #a76 ΔE = 2.092
- RGB
- rgb(175, 119, 106)
- RGBA
- rgba(175, 119, 106, 1.0)
- rg色度
- r: 0.438, g: 0.297, b: 0.265
- RYB
- 赤色: 68.627%, 黄色: 47.850%, 青色: 41.569%
- Android/android.graphics.Color
- -5277846/0xffaf776a
- HSL
- hsl(11, 30%, 55%)
- HSLA
- hsla(11, 30%, 55%, 1.0)
- HSV/HSB
- 色相: 11° (11.304), 飽和: 39% (0.394), 値: 69% (0.686)
- HSP
- 色相: 11.304, 飽和: 39.429%, 知覚される明るさ: 53.699%
- HSLuv(HUSL)
- H: 23.581, S: 35.174, L: 55.431
- Cubehelix
- H: 3.663, S: 0.408, L: 0.527
- TSL
- T: 3.738, S: 0.148, L: 0.527
- CMYK
- シアン色: 0% (0.000), マゼンタ色: 32% (0.320), 黄色: 39% (0.394), キー・プレート: 31% (0.314)
- CMY
- シアン色: 31% (0.314), マゼンタ色: 53% (0.533), 黄色: 58% (0.584)
- XYZ
- X: 26.879, Y: 23.350, Z: 16.724
- xyY
- x: 0.401, y: 0.349, Y: 23.350
- Lab色空間
- L: 55.431, a: 20.298, b: 16.048
- CIELuv
- L: 55.431, u: 38.748, v: 16.914
- CIELCH/LCHab
- L: 55.431, C: 25.876, H: 38.331
- CIELUV/LCHuv
- L: 55.431, C: 42.279, H: 23.581
- Hunter-Lab
- L: 48.322, a: 14.726, b: 13.305
- CIECAM02
- J: 46.393, C: 25.939, h: 33.597, Q: 134.195, M: 22.683, s: 41.113, H: 17.271
- OSA-UCS
- 明度: -10.014, 黄色: 2.180, 緑色: -3.438
- LMS
- L: 27.012, M: 20.827, S: 16.845
- YCbCr
- Y: 131.339, Cb: 114.005, Cr: 153.507
- YCgCo
- Y: 129.750, Cg: -10.750, Co: 61.000
- YDbDr
- Y: 134.262, Db: -42.529, Dr: -77.469
- YPbPr
- Y: 129.992, Pb: -12.940, Pr: 28.598
- xvYCC
- Y: 127.640, Cb: 116.633, Cr: 153.121
- YIQ
- Y: 134.262, I: 37.537, Q: 7.797
- YUV
- Y: 134.262, U: -13.906, V: 35.740
- マンセルカラーシステム
- 10R 6/6 ΔE = 5.625
- ブランドカラー
- Status Chart ΔE = 9.325