
HTML&CSS例
#c4bcaa前景
海千山千。
<p style="color: #c4bcaa">…</p>
#c4bcaa背景
七転び八起き。
<p style="background-color: #c4bcaa">…</p>
#c4bcaaテキストに影をつける
異体同心。
<p style="text-shadow: 0.1em 0.1em 0.15em #c4bcaa">…</p>
色空間変換
- 十進
- 12893354
- 二進法
- 11000100, 10111100, 10101010
- 十六進法
- #c4bcaa
- LRV
- ≈ 50.6%
- 最も近い短い16進数
- #bba ΔE = 2.883
- RGB
- rgb(196, 188, 170)
- RGBA
- rgba(196, 188, 170, 1.0)
- rg色度
- r: 0.354, g: 0.339, b: 0.307
- RYB
- 赤色: 71.198%, 黄色: 76.863%, 青色: 66.667%
- Android/android.graphics.Color
- -3883862/0xffc4bcaa
- HSL
- hsl(42, 18%, 72%)
- HSLA
- hsla(42, 18%, 72%, 1.0)
- HSV/HSB
- 色相: 42° (41.538), 飽和: 13% (0.133), 値: 77% (0.769)
- HSP
- 色相: 41.538, 飽和: 13.265%, 知覚される明るさ: 73.917%
- HSLuv(HUSL)
- H: 68.450, S: 18.067, L: 76.439
- Cubehelix
- H: 39.592, S: 0.202, L: 0.739
- TSL
- T: 2.268, S: 0.029, L: 0.739
- CMYK
- シアン色: 0% (0.000), マゼンタ色: 4% (0.041), 黄色: 13% (0.133), キー・プレート: 23% (0.231)
- CMY
- シアン色: 23% (0.231), マゼンタ色: 26% (0.263), 黄色: 33% (0.333)
- XYZ
- X: 48.003, Y: 50.605, Z: 45.261
- xyY
- x: 0.334, y: 0.352, Y: 50.605
- Lab色空間
- L: 76.439, a: -0.263, b: 10.115
- CIELuv
- L: 76.439, u: 5.772, v: 14.616
- CIELCH/LCHab
- L: 76.439, C: 10.118, H: 91.492
- CIELUV/LCHuv
- L: 76.439, C: 15.715, H: 68.450
- Hunter-Lab
- L: 71.137, a: -4.039, b: 12.073
- CIECAM02
- J: 69.205, C: 8.737, h: 86.556, Q: 163.900, M: 7.640, s: 21.591, H: 94.406
- OSA-UCS
- 明度: -10.037, 黄色: 1.462, 緑色: 0.109
- LMS
- L: 49.566, M: 52.403, S: 45.342
- YCbCr
- Y: 177.784, Cb: 118.914, Cr: 132.790
- YCgCo
- Y: 185.500, Cg: 2.500, Co: 55.500
- YDbDr
- Y: 188.340, Db: -27.594, Dr: -14.570
- YPbPr
- Y: 188.408, Pb: -9.920, Pr: 4.828
- xvYCC
- Y: 177.809, Cb: 119.286, Cr: 132.241
- YIQ
- Y: 188.340, I: 10.548, Q: -3.909
- YUV
- Y: 188.340, U: -9.023, V: 6.720
- マンセルカラーシステム
- 10YR 7/1 ΔE = 4.718
- ブランドカラー
- Zerply ΔE = 14.487