
HTML&CSS例
#8b784c前景
起死回生。
<p style="color: #8b784c">…</p>
#8b784c背景
猫に小判。
<p style="background-color: #8b784c">…</p>
#8b784cテキストに影をつける
十人十色。
<p style="text-shadow: 0.1em 0.1em 0.15em #8b784c">…</p>
色空間変換
- 十進
- 9140300
- 二進法
- 10001011, 01111000, 01001100
- 十六進法
- #8b784c
- LRV
- ≈ 19.4%
- 最も近い短い16進数
- #874 ΔE = 1.975
- RGB
- rgb(139, 120, 76)
- RGBA
- rgba(139, 120, 76, 1.0)
- rg色度
- r: 0.415, g: 0.358, b: 0.227
- RYB
- 赤色: 40.472%, 黄色: 54.510%, 青色: 29.804%
- Android/android.graphics.Color
- -7636916/0xff8b784c
- HSL
- hsl(42, 29%, 42%)
- HSLA
- hsla(42, 29%, 42%, 1.0)
- HSV/HSB
- 色相: 42° (41.905), 飽和: 45% (0.453), 値: 55% (0.545)
- HSP
- 色相: 41.905, 飽和: 45.324%, 知覚される明るさ: 47.850%
- HSLuv(HUSL)
- H: 64.880, S: 59.038, L: 51.203
- Cubehelix
- H: 39.991, S: 0.381, L: 0.474
- TSL
- T: 2.253, S: 0.114, L: 0.473
- CMYK
- シアン色: 0% (0.000), マゼンタ色: 14% (0.137), 黄色: 45% (0.453), キー・プレート: 45% (0.455)
- CMY
- シアン色: 45% (0.455), マゼンタ色: 53% (0.529), 黄色: 70% (0.702)
- XYZ
- X: 18.669, Y: 19.445, Z: 9.606
- xyY
- x: 0.391, y: 0.407, Y: 19.445
- Lab色空間
- L: 51.203, a: 0.977, b: 26.834
- CIELuv
- L: 51.203, u: 14.872, v: 31.721
- CIELCH/LCHab
- L: 51.203, C: 26.852, H: 87.916
- CIELUV/LCHuv
- L: 51.203, C: 35.035, H: 64.880
- Hunter-Lab
- L: 44.096, a: -1.596, b: 17.951
- CIECAM02
- J: 41.219, C: 23.398, h: 83.886, Q: 126.491, M: 20.461, s: 40.220, H: 90.122
- OSA-UCS
- 明度: -9.924, 黄色: 3.985, 緑色: -0.214
- LMS
- L: 20.474, M: 19.930, S: 9.767
- YCbCr
- Y: 119.651, Cb: 105.872, Cr: 139.465
- YCgCo
- Y: 113.750, Cg: 6.250, Co: 50.500
- YDbDr
- Y: 120.665, Db: -67.202, Dr: -34.875
- YPbPr
- Y: 120.879, Pb: -24.185, Pr: 11.524
- xvYCC
- Y: 119.814, Cb: 106.755, Cr: 138.123
- YIQ
- Y: 120.665, I: 25.454, Q: -9.672
- YUV
- Y: 120.665, U: -21.978, V: 16.085
- マンセルカラーシステム
- 5Y 5/4 ΔE = 1.314
- ブランドカラー
- Zootool ΔE = 15.611