
HTML&CSS例
#f9a3aa前景
案ずるより産むが易し。
<p style="color: #f9a3aa">…</p>
#f9a3aa背景
十人十色。
<p style="background-color: #f9a3aa">…</p>
#f9a3aaテキストに影をつける
自業自得。
<p style="text-shadow: 0.1em 0.1em 0.15em #f9a3aa">…</p>
色空間変換
- 十進
- 16360362
- 二進法
- 11111001, 10100011, 10101010
- 十六進法
- #f9a3aa
- LRV
- ≈ 49.2%
- 最も近い短い16進数
- #faa ΔE = 3.244
- RGB
- rgb(249, 163, 170)
- RGBA
- rgba(249, 163, 170, 1.0)
- rg色度
- r: 0.428, g: 0.280, b: 0.292
- RYB
- 赤色: 97.647%, 黄色: 63.922%, 青色: 66.667%
- Android/android.graphics.Color
- -416854/0xfff9a3aa
- HSL
- hsl(355, 88%, 81%)
- HSLA
- hsla(355, 88%, 81%, 1.0)
- HSV/HSB
- 色相: 355° (355.116), 飽和: 35% (0.345), 値: 98% (0.976)
- HSP
- 色相: 355.116, 飽和: 34.538%, 知覚される明るさ: 75.869%
- HSLuv(HUSL)
- H: 7.503, S: 89.469, L: 75.601
- Cubehelix
- H: -13.032, S: 0.699, L: 0.743
- TSL
- T: 4.024, S: 0.146, L: 0.743
- CMYK
- シアン色: 0% (0.000), マゼンタ色: 35% (0.345), 黄色: 32% (0.317), キー・プレート: 2% (0.024)
- CMY
- シアン色: 2% (0.024), マゼンタ色: 36% (0.361), 黄色: 33% (0.333)
- XYZ
- X: 59.422, Y: 49.241, Z: 44.397
- xyY
- x: 0.388, y: 0.322, Y: 49.241
- Lab色空間
- L: 75.601, a: 32.705, b: 9.625
- CIELuv
- L: 75.601, u: 56.416, v: 7.430
- CIELCH/LCHab
- L: 75.601, C: 34.092, H: 16.400
- CIELUV/LCHuv
- L: 75.601, C: 56.903, H: 7.503
- Hunter-Lab
- L: 70.172, a: 28.355, b: 11.608
- CIECAM02
- J: 70.061, C: 34.635, h: 15.109, Q: 164.911, M: 30.288, s: 42.856, H: 394.800
- OSA-UCS
- 明度: -10.067, 黄色: 0.969, 緑色: -5.512
- LMS
- L: 57.488, M: 42.048, S: 44.508
- YCbCr
- Y: 178.805, Cb: 118.345, Cr: 165.257
- YCoCg
- Y: 186.250, Cg: -23.250, Co: 82.000
- YDbDr
- Y: 189.512, Db: -29.369, Dr: -113.119
- YPbPr
- Y: 181.822, Pb: -6.390, Pr: 42.678
- xvYCC
- Y: 172.153, Cb: 122.387, Cr: 165.490
- YIQ
- Y: 189.512, I: 48.983, Q: 20.363
- YUV
- Y: 189.512, U: -9.600, V: 52.190
- マンセルカラーシステム
- 2.5R 7/8 ΔE = 3.954
- ブランドカラー
- Addvocate ΔE = 20.131