
HTML&CSS例
#9a85aa前景
見ぬが花。
<p style="color: #9a85aa">…</p>
#9a85aa背景
案ずるより産むが易し。
<p style="background-color: #9a85aa">…</p>
#9a85aaテキストに影をつける
花より団子。
<p style="text-shadow: 0.1em 0.1em 0.15em #9a85aa">…</p>
色空間変換
- 十進
- 10126762
- 二進法
- 10011010, 10000101, 10101010
- 十六進法
- #9a85aa
- LRV
- ≈ 26.5%
- 最も近い短い16進数
- #98a ΔE = 1.468
- RGB
- rgb(154, 133, 170)
- RGBA
- rgba(154, 133, 170, 1.0)
- rg色度
- r: 0.337, g: 0.291, b: 0.372
- RYB
- 赤色: 60.392%, 黄色: 52.157%, 青色: 66.667%
- Android/android.graphics.Color
- -6650454/0xff9a85aa
- HSL
- hsl(274, 18%, 59%)
- HSLA
- hsla(274, 18%, 59%, 1.0)
- HSV/HSB
- 色相: 274° (274.054), 飽和: 22% (0.218), 値: 67% (0.667)
- HSP
- 色相: 274.054, 飽和: 21.765%, 知覚される明るさ: 56.516%
- HSLuv(HUSL)
- H: 288.748, S: 24.758, L: 58.553
- Cubehelix
- H: -92.295, S: 0.243, L: 0.562
- TSL
- T: 5.550, S: 0.057, L: 0.563
- CMYK
- シアン色: 9% (0.094), マゼンタ色: 22% (0.218), 黄色: 0% (0.000), キー・プレート: 33% (0.333)
- CMY
- シアン色: 40% (0.396), マゼンタ色: 48% (0.478), 黄色: 33% (0.333)
- XYZ
- X: 28.968, Y: 26.548, Z: 41.621
- xyY
- x: 0.298, y: 0.273, Y: 26.548
- Lab色空間
- L: 58.553, a: 15.135, b: -16.608
- CIELuv
- L: 58.553, u: 9.180, v: -27.045
- CIELCH/LCHab
- L: 58.553, C: 22.470, H: 312.342
- CIELUV/LCHuv
- L: 58.553, C: 28.560, H: 288.748
- Hunter-Lab
- L: 51.524, a: 10.190, b: -11.826
- CIECAM02
- J: 48.840, C: 23.709, h: 304.371, Q: 137.689, M: 20.734, s: 38.805, H: 337.032
- OSA-UCS
- 明度: -10.192, 黄色: -3.079, 緑色: -1.693
- LMS
- L: 25.874, M: 24.936, S: 41.378
- YCbCr
- Y: 139.270, Cb: 141.135, Cr: 134.592
- YCgCo
- Y: 147.500, Cg: -14.500, Co: 34.500
- YDbDr
- Y: 143.497, Db: 39.871, Dr: -19.964
- YPbPr
- Y: 140.137, Pb: 16.085, Pr: 8.798
- xvYCC
- Y: 136.353, Cb: 142.130, Cr: 135.728
- YIQ
- Y: 143.497, I: 0.623, Q: 15.953
- YUV
- Y: 143.497, U: 13.044, V: 9.215
- マンセルカラーシステム
- 5P 6/6 ΔE = 4.104
- ブランドカラー
- Mixpanel ΔE = 8.008