
HTML&CSS例
#ba978a前景
美人薄命。
<p style="color: #ba978a">…</p>
#ba978a背景
弱肉強食。
<p style="background-color: #ba978a">…</p>
#ba978aテキストに影をつける
虎穴に入らずんば虎子を得ず。
<p style="text-shadow: 0.1em 0.1em 0.15em #ba978a">…</p>
色空間変換
- 十進
- 12228490
- 二進法
- 10111010, 10010111, 10001010
- 十六進法
- #ba978a
- LRV
- ≈ 34.4%
- 最も近い短い16進数
- #b98 ΔE = 1.751
- RGB
- rgb(186, 151, 138)
- RGBA
- rgba(186, 151, 138, 1.0)
- rg色度
- r: 0.392, g: 0.318, b: 0.291
- RYB
- 赤色: 72.941%, 黄色: 61.109%, 青色: 54.118%
- Android/android.graphics.Color
- -4548726/0xffba978a
- HSL
- hsl(16, 26%, 64%)
- HSLA
- hsla(16, 26%, 64%, 1.0)
- HSV/HSB
- 色相: 16° (16.250), 飽和: 26% (0.258), 値: 73% (0.729)
- HSP
- 色相: 16.250, 飽和: 25.806%, 知覚される明るさ: 63.111%
- HSLuv(HUSL)
- H: 31.691, S: 23.492, L: 65.286
- Cubehelix
- H: 9.413, S: 0.296, L: 0.628
- TSL
- T: 3.624, S: 0.081, L: 0.627
- CMYK
- シアン色: 0% (0.000), マゼンタ色: 19% (0.188), 黄色: 26% (0.258), キー・プレート: 27% (0.271)
- CMY
- シアン色: 27% (0.271), マゼンタ色: 41% (0.408), 黄色: 46% (0.459)
- XYZ
- X: 35.904, Y: 34.409, Z: 28.790
- xyY
- x: 0.362, y: 0.347, Y: 34.409
- Lab色空間
- L: 65.286, a: 11.073, b: 11.779
- CIELuv
- L: 65.286, u: 23.019, v: 14.212
- CIELCH/LCHab
- L: 65.286, C: 16.167, H: 46.772
- CIELUV/LCHuv
- L: 65.286, C: 27.052, H: 31.691
- Hunter-Lab
- L: 58.659, a: 6.604, b: 11.961
- CIECAM02
- J: 56.667, C: 15.653, h: 41.272, Q: 148.312, M: 13.688, s: 30.380, H: 27.509
- OSA-UCS
- 明度: -10.038, 黄色: 1.621, 緑色: -1.795
- LMS
- L: 36.417, M: 33.322, S: 28.888
- YCbCr
- Y: 153.430, Cb: 117.113, Cr: 144.288
- YCgCo
- Y: 156.500, Cg: -5.500, Co: 58.500
- YDbDr
- Y: 159.983, Db: -33.079, Dr: -49.476
- YPbPr
- Y: 157.519, Pb: -10.525, Pr: 18.098
- xvYCC
- Y: 151.281, Cb: 118.755, Cr: 143.898
- YIQ
- Y: 159.983, I: 25.026, Q: 3.356
- YUV
- Y: 159.983, U: -10.816, V: 22.825
- マンセルカラーシステム
- 2.5YR 6/4 ΔE = 4.298
- ブランドカラー
- StackOverflow ΔE = 13.114