
HTML&CSS例
#c3a197前景
七転び八起き。
<p style="color: #c3a197">…</p>
#c3a197背景
自業自得。
<p style="background-color: #c3a197">…</p>
#c3a197テキストに影をつける
自業自得。
<p style="text-shadow: 0.1em 0.1em 0.15em #c3a197">…</p>
色空間変換
- 十進
- 12820887
- 二進法
- 11000011, 10100001, 10010111
- 十六進法
- #c3a197
- LRV
- ≈ 39.3%
- 最も近い短い16進数
- #ca9 ΔE = 4.203
- RGB
- rgb(195, 161, 151)
- RGBA
- rgba(195, 161, 151, 1.0)
- rg色度
- r: 0.385, g: 0.318, b: 0.298
- RYB
- 赤色: 76.471%, 黄色: 64.291%, 青色: 59.216%
- Android/android.graphics.Color
- -3956329/0xffc3a197
- HSL
- hsl(14, 27%, 68%)
- HSLA
- hsla(14, 27%, 68%, 1.0)
- HSV/HSB
- 色相: 14° (13.636), 飽和: 23% (0.226), 値: 76% (0.765)
- HSP
- 色相: 13.636, 飽和: 22.564%, 知覚される明るさ: 66.994%
- HSLuv(HUSL)
- H: 28.561, S: 23.005, L: 68.988
- Cubehelix
- H: 6.339, S: 0.288, L: 0.667
- TSL
- T: 3.686, S: 0.072, L: 0.667
- CMYK
- シアン色: 0% (0.000), マゼンタ色: 17% (0.174), 黄色: 23% (0.226), キー・プレート: 24% (0.235)
- CMY
- シアン色: 24% (0.235), マゼンタ色: 37% (0.369), 黄色: 41% (0.408)
- XYZ
- X: 40.837, Y: 39.328, Z: 34.712
- xyY
- x: 0.355, y: 0.342, Y: 39.328
- Lab色空間
- L: 68.988, a: 10.962, b: 9.904
- CIELuv
- L: 68.988, u: 21.914, v: 11.928
- CIELCH/LCHab
- L: 68.988, C: 14.773, H: 42.098
- CIELUV/LCHuv
- L: 68.988, C: 24.950, H: 28.561
- Hunter-Lab
- L: 62.712, a: 6.490, b: 11.080
- CIECAM02
- J: 60.898, C: 14.462, h: 37.195, Q: 153.749, M: 12.647, s: 28.681, H: 22.034
- OSA-UCS
- 明度: -10.049, 黄色: 1.320, 緑色: -1.742
- LMS
- L: 41.183, M: 38.238, S: 34.793
- YCbCr
- Y: 162.057, Cb: 118.578, Cr: 143.636
- YCoCg
- Y: 167.000, Cg: -6.000, Co: 59.750
- YDbDr
- Y: 170.026, Db: -28.630, Dr: -47.492
- YPbPr
- Y: 167.522, Pb: -8.910, Pr: 17.460
- xvYCC
- Y: 159.872, Cb: 120.173, Cr: 143.337
- YIQ
- Y: 170.026, I: 23.467, Q: 4.078
- YUV
- Y: 170.026, U: -9.361, V: 21.910
- マンセルカラーシステム
- 10R 7/4 ΔE = 3.239
- ブランドカラー
- StackOverflow ΔE = 14.204