
HTML&CSS例
#a48861前景
猫に小判。
<p style="color: #a48861">…</p>
#a48861背景
一期一会。
<p style="background-color: #a48861">…</p>
#a48861テキストに影をつける
馬鹿は死ななきゃ治らない。
<p style="text-shadow: 0.1em 0.1em 0.15em #a48861">…</p>
色空間変換
- 十進
- 10782817
- 二進法
- 10100100, 10001000, 01100001
- 十六進法
- #a48861
- LRV
- ≈ 26.4%
- 最も近い短い16進数
- #a86 ΔE = 2.655
- RGB
- rgb(164, 136, 97)
- RGBA
- rgba(164, 136, 97, 1.0)
- rg色度
- r: 0.413, g: 0.343, b: 0.244
- RYB
- 赤色: 56.903%, 黄色: 64.314%, 青色: 38.039%
- Android/android.graphics.Color
- -5994399/0xffa48861
- HSL
- hsl(35, 27%, 51%)
- HSLA
- hsla(35, 27%, 51%, 1.0)
- HSV/HSB
- 色相: 35° (34.925), 飽和: 41% (0.409), 値: 64% (0.643)
- HSP
- 色相: 34.925, 飽和: 40.854%, 知覚される明るさ: 55.420%
- HSLuv(HUSL)
- H: 55.694, S: 50.777, L: 58.382
- Cubehelix
- H: 32.080, S: 0.392, L: 0.549
- TSL
- T: 2.536, S: 0.108, L: 0.549
- CMYK
- シアン色: 0% (0.000), マゼンタ色: 17% (0.171), 黄色: 41% (0.409), キー・プレート: 36% (0.357)
- CMY
- シアン色: 36% (0.357), マゼンタ色: 47% (0.467), 黄色: 62% (0.620)
- XYZ
- X: 26.272, Y: 26.365, Z: 15.012
- xyY
- x: 0.388, y: 0.390, Y: 26.365
- Lab色空間
- L: 58.382, a: 5.092, b: 24.924
- CIELuv
- L: 58.382, u: 20.716, v: 30.362
- CIELCH/LCHab
- L: 58.382, C: 25.438, H: 78.452
- CIELUV/LCHuv
- L: 58.382, C: 36.756, H: 55.694
- Hunter-Lab
- L: 51.347, a: 1.475, b: 18.609
- CIECAM02
- J: 48.882, C: 22.099, h: 72.945, Q: 137.747, M: 19.325, s: 37.456, H: 73.039
- OSA-UCS
- 明度: -9.956, 黄色: 3.690, 緑色: -0.887
- LMS
- L: 28.141, M: 26.361, S: 15.200
- YCbCr
- Y: 136.198, Cb: 106.735, Cr: 143.061
- YCoCg
- Y: 133.250, Cg: 2.750, Co: 57.750
- YDbDr
- Y: 139.926, Db: -64.587, Dr: -45.787
- YPbPr
- Y: 139.156, Pb: -22.720, Pr: 15.794
- xvYCC
- Y: 135.510, Cb: 108.042, Cr: 141.874
- YIQ
- Y: 139.926, I: 29.209, Q: -6.213
- YUV
- Y: 139.926, U: -21.122, V: 21.120
- マンセルカラーシステム
- 2.5Y 6/4 ΔE = 2.768
- ブランドカラー
- Disqus (orange) ΔE = 13.133