
HTML&CSS例
#8e551c前景
案ずるより産むが易し。
<p style="color: #8e551c">…</p>
#8e551c背景
一期一会。
<p style="background-color: #8e551c">…</p>
#8e551cテキストに影をつける
羊頭狗肉。
<p style="text-shadow: 0.1em 0.1em 0.15em #8e551c">…</p>
色空間変換
- 十進
- 9327900
- 二進法
- 10001110, 01010101, 00011100
- 十六進法
- #8e551c
- LRV
- ≈ 12.3%
- 最も近い短い16進数
- #852 ΔE = 1.818
- RGB
- rgb(142, 85, 28)
- RGBA
- rgba(142, 85, 28, 1.0)
- rg色度
- r: 0.557, g: 0.333, b: 0.110
- RYB
- 赤色: 55.686%, 黄色: 55.686%, 青色: 10.980%
- Android/android.graphics.Color
- -7449316/0xff8e551c
- HSL
- hsl(30, 67%, 33%)
- HSLA
- hsla(30, 67%, 33%, 1.0)
- HSV/HSB
- 色相: 30° (30.000), 飽和: 80% (0.803), 値: 56% (0.557)
- HSP
- 色相: 30.000, 飽和: 80.282%, 知覚される明るさ: 39.914%
- HSLuv(HUSL)
- H: 38.293, S: 89.240, L: 41.741
- Cubehelix
- H: 26.181, S: 0.692, L: 0.376
- TSL
- T: 0.000, S: 0.300, L: 0.375
- CMYK
- シアン色: 0% (0.000), マゼンタ色: 40% (0.401), 黄色: 80% (0.803), キー・プレート: 44% (0.443)
- CMY
- シアン色: 44% (0.443), マゼンタ色: 67% (0.667), 黄色: 89% (0.890)
- XYZ
- X: 14.615, Y: 12.333, Z: 2.709
- xyY
- x: 0.493, y: 0.416, Y: 12.333
- Lab色空間
- L: 41.741, a: 18.985, b: 41.165
- CIELuv
- L: 41.741, u: 45.344, v: 35.802
- CIELCH/LCHab
- L: 41.741, C: 45.332, H: 65.241
- CIELUV/LCHuv
- L: 41.741, C: 57.774, H: 38.293
- Hunter-Lab
- L: 35.119, a: 12.826, b: 20.009
- CIECAM02
- J: 32.876, C: 40.975, h: 61.545, Q: 112.967, M: 35.832, s: 56.320, H: 56.009
- OSA-UCS
- 明度: -9.823, 黄色: 5.601, 緑色: -2.990
- LMS
- L: 15.568, M: 10.669, S: 2.876
- YCbCr
- Y: 98.078, Cb: 94.541, Cr: 157.070
- YCoCg
- Y: 85.000, Cg: 0.000, Co: 64.000
- YDbDr
- Y: 95.545, Db: -101.631, Dr: -88.350
- YPbPr
- Y: 93.037, Pb: -35.055, Pr: 31.122
- xvYCC
- Y: 95.902, Cb: 97.207, Cr: 155.339
- YIQ
- Y: 95.545, I: 52.268, Q: -5.682
- YUV
- Y: 95.545, U: -33.238, V: 40.756
- マンセルカラーシステム
- 7.5YR 4/8 ΔE = 1.944
- ブランドカラー
- Quora ΔE = 12.736