
HTML&CSS例
#87037b前景
弱肉強食。
<p style="color: #87037b">…</p>
#87037b背景
蛙の子は蛙。
<p style="background-color: #87037b">…</p>
#87037bテキストに影をつける
虎穴に入らずんば虎子を得ず。
<p style="text-shadow: 0.1em 0.1em 0.15em #87037b">…</p>
色空間変換
- 十進
- 8848251
- 二進法
- 10000111, 00000011, 01111011
- 十六進法
- #87037b
- LRV
- ≈ 6.6%
- 最も近い短い16進数
- #807 ΔE = 1.067
- RGB
- rgb(135, 3, 123)
- RGBA
- rgba(135, 3, 123, 1.0)
- rg色度
- r: 0.517, g: 0.011, b: 0.471
- RYB
- 赤色: 52.941%, 黄色: 1.176%, 青色: 48.235%
- Android/android.graphics.Color
- -7928965/0xff87037b
- HSL
- hsl(305, 96%, 27%)
- HSLA
- hsla(305, 96%, 27%, 1.0)
- HSV/HSB
- 色相: 305° (305.455), 飽和: 98% (0.978), 値: 53% (0.529)
- HSP
- 色相: 305.455, 飽和: 97.778%, 知覚される明るさ: 33.228%
- HSLuv(HUSL)
- H: 315.231, S: 98.979, L: 30.990
- Cubehelix
- H: -65.778, S: 1.337, L: 0.219
- TSL
- T: 4.869, S: 0.497, L: 0.220
- CMYK
- シアン色: 0% (0.000), マゼンタ色: 98% (0.978), 黄色: 9% (0.089), キー・プレート: 47% (0.471)
- CMY
- シアン色: 47% (0.471), マゼンタ色: 99% (0.988), 黄色: 52% (0.518)
- XYZ
- X: 13.600, Y: 6.647, Z: 19.302
- xyY
- x: 0.344, y: 0.168, Y: 6.647
- Lab色空間
- L: 30.990, a: 58.972, b: -31.333
- CIELuv
- L: 30.990, u: 48.295, v: -47.908
- CIELCH/LCHab
- L: 30.990, C: 66.779, H: 332.017
- CIELUV/LCHuv
- L: 30.990, C: 68.027, H: 315.231
- Hunter-Lab
- L: 25.782, a: 49.034, b: -26.339
- CIECAM02
- J: 24.458, C: 64.883, h: 335.363, Q: 97.436, M: 56.739, s: 76.310, H: 359.293
- OSA-UCS
- 明度: -10.442, 黄色: -6.780, 緑色: -10.259
- LMS
- L: 9.687, M: 1.833, S: 19.113
- YCbCr
- Y: 64.261, Cb: 161.144, Cr: 177.428
- YCoCg
- Y: 66.000, Cg: -63.000, Co: 36.750
- YDbDr
- Y: 56.148, Db: 100.560, Dr: -149.916
- YPbPr
- Y: 39.756, Pb: 44.820, Pr: 60.480
- xvYCC
- Y: 50.143, Cb: 167.371, Cr: 181.128
- YIQ
- Y: 56.148, I: 40.083, Q: 65.248
- YUV
- Y: 56.148, U: 32.899, V: 69.179
- マンセルカラーシステム
- 2.5RP 3/10 ΔE = 8.130
- ブランドカラー
- Yahoo! ΔE = 8.819