
HTML&CSS例
#bb5f63前景
美人薄命。
<p style="color: #bb5f63">…</p>
#bb5f63背景
悪因悪果。
<p style="background-color: #bb5f63">…</p>
#bb5f63テキストに影をつける
会者定離。
<p style="text-shadow: 0.1em 0.1em 0.15em #bb5f63">…</p>
色空間変換
- 十進
- 12279651
- 二進法
- 10111011, 01011111, 01100011
- 十六進法
- #bb5f63
- LRV
- ≈ 19.7%
- 最も近い短い16進数
- #b66 ΔE = 2.174
- RGB
- rgb(187, 95, 99)
- RGBA
- rgba(187, 95, 99, 1.0)
- rg色度
- r: 0.491, g: 0.249, b: 0.260
- RYB
- 赤色: 73.333%, 黄色: 37.255%, 青色: 38.824%
- Android/android.graphics.Color
- -4497565/0xffbb5f63
- HSL
- hsl(357, 40%, 55%)
- HSLA
- hsla(357, 40%, 55%, 1.0)
- HSV/HSB
- 色相: 357° (357.391), 飽和: 49% (0.492), 値: 73% (0.733)
- HSP
- 色相: 357.391, 飽和: 49.198%, 知覚される明るさ: 50.936%
- HSLuv(HUSL)
- H: 10.144, S: 39.615, L: 51.442
- Cubehelix
- H: -10.734, S: 0.580, L: 0.483
- TSL
- T: 3.987, S: 0.239, L: 0.482
- CMYK
- シアン色: 0% (0.000), マゼンタ色: 49% (0.492), 黄色: 47% (0.471), キー・プレート: 27% (0.267)
- CMY
- シアン色: 27% (0.267), マゼンタ色: 63% (0.627), 黄色: 61% (0.612)
- XYZ
- X: 26.840, Y: 19.653, Z: 14.182
- xyY
- x: 0.442, y: 0.324, Y: 19.653
- Lab色空間
- L: 51.442, a: 37.332, b: 14.900
- CIELuv
- L: 51.442, u: 64.840, v: 11.602
- CIELCH/LCHab
- L: 51.442, C: 40.195, H: 21.757
- CIELUV/LCHuv
- L: 51.442, C: 65.870, H: 10.144
- Hunter-Lab
- L: 44.332, a: 30.489, b: 12.065
- CIECAM02
- J: 43.084, C: 43.079, h: 19.021, Q: 129.321, M: 37.672, s: 53.973, H: 398.827
- OSA-UCS
- 明度: -10.015, 黄色: 1.718, 緑色: -6.624
- LMS
- L: 25.808, M: 14.563, S: 14.294
- YCbCr
- Y: 121.641, Cb: 116.140, Cr: 168.104
- YCoCg
- Y: 119.000, Cg: -24.000, Co: 68.750
- YDbDr
- Y: 122.964, Db: -36.068, Dr: -121.768
- YPbPr
- Y: 114.884, Pb: -8.580, Pr: 45.816
- xvYCC
- Y: 114.665, Cb: 120.463, Cr: 168.246
- YIQ
- Y: 122.964, I: 53.521, Q: 20.698
- YUV
- Y: 122.964, U: -11.791, V: 56.180
- マンセルカラーシステム
- 5R 5/8 ΔE = 2.194
- ブランドカラー
- Status Chart ΔE = 7.235