
HTML&CSS例
#ff87a0前景
二兎を追う者は一兎をも得ず。
<p style="color: #ff87a0">…</p>
#ff87a0背景
七転び八起き。
<p style="background-color: #ff87a0">…</p>
#ff87a0テキストに影をつける
悪因悪果。
<p style="text-shadow: 0.1em 0.1em 0.15em #ff87a0">…</p>
色空間変換
- 十進
- 16746400
- 二進法
- 11111111, 10000111, 10100000
- 十六進法
- #ff87a0
- LRV
- ≈ 41.1%
- 最も近い短い16進数
- #f89 ΔE = 2.403
- RGB
- rgb(255, 135, 160)
- RGBA
- rgba(255, 135, 160, 1.0)
- rg色度
- r: 0.464, g: 0.245, b: 0.291
- RYB
- 赤色: 100.000%, 黄色: 52.941%, 青色: 62.745%
- Android/android.graphics.Color
- -30816/0xffff87a0
- HSL
- hsl(348, 100%, 76%)
- HSLA
- hsla(348, 100%, 76%, 1.0)
- HSV/HSB
- 色相: 348° (347.500), 飽和: 47% (0.471), 値: 100% (1.000)
- HSP
- 色相: 347.500, 飽和: 47.059%, 知覚される明るさ: 71.302%
- HSLuv(HUSL)
- H: 0.976, S: 100.019, L: 70.268
- Cubehelix
- H: -21.195, S: 0.822, L: 0.681
- TSL
- T: 4.149, S: 0.211, L: 0.681
- CMYK
- シアン色: 0% (0.000), マゼンタ色: 47% (0.471), 黄色: 37% (0.373), キー・プレート: 0% (0.000)
- CMY
- シアン色: 0% (0.000), マゼンタ色: 47% (0.471), 黄色: 37% (0.373)
- XYZ
- X: 56.252, Y: 41.131, Z: 38.227
- xyY
- x: 0.415, y: 0.303, Y: 41.131
- Lab色空間
- L: 70.268, a: 47.950, b: 7.646
- CIELuv
- L: 70.268, u: 80.147, v: 1.365
- CIELCH/LCHab
- L: 70.268, C: 48.556, H: 9.060
- CIELUV/LCHuv
- L: 70.268, C: 80.159, H: 0.976
- Hunter-Lab
- L: 64.134, a: 44.329, b: 9.553
- CIECAM02
- J: 64.472, C: 50.532, h: 8.876, Q: 158.197, M: 44.189, s: 52.852, H: 388.603
- OSA-UCS
- 明度: -10.075, 黄色: 0.371, 緑色: -8.425
- LMS
- L: 52.683, M: 30.475, S: 38.321
- YCbCr
- Y: 165.255, Cb: 121.215, Cr: 178.905
- YCoCg
- Y: 171.250, Cg: -36.250, Co: 87.500
- YDbDr
- Y: 173.730, Db: -20.675, Dr: -154.535
- YPbPr
- Y: 162.360, Pb: -1.300, Pr: 58.850
- xvYCC
- Y: 155.439, Cb: 126.858, Cr: 179.696
- YIQ
- Y: 173.730, I: 63.454, Q: 33.153
- YUV
- Y: 173.730, U: -6.754, V: 71.300
- マンセルカラーシステム
- 10RP 7/8 ΔE = 7.143
- ブランドカラー
- Dribbble ΔE = 14.948