
HTML&CSS例
#89afd7前景
案ずるより産むが易し。
<p style="color: #89afd7">…</p>
#89afd7背景
猫に小判。
<p style="background-color: #89afd7">…</p>
#89afd7テキストに影をつける
酔生夢死。
<p style="text-shadow: 0.1em 0.1em 0.15em #89afd7">…</p>
色空間変換
- 十進
- 9023447
- 二進法
- 10001001, 10101111, 11010111
- 十六進法
- #89afd7
- LRV
- ≈ 40.9%
- 最も近い短い16進数
- #8ac ΔE = 2.519
- RGB
- rgb(137, 175, 215)
- RGBA
- rgba(137, 175, 215, 1.0)
- rg色度
- r: 0.260, g: 0.332, b: 0.408
- RYB
- 赤色: 53.725%, 黄色: 63.746%, 青色: 84.314%
- Android/android.graphics.Color
- -7753769/0xff89afd7
- HSL
- hsl(211, 49%, 69%)
- HSLA
- hsla(211, 49%, 69%, 1.0)
- HSV/HSB
- 色相: 211° (210.769), 飽和: 36% (0.363), 値: 84% (0.843)
- HSP
- 色相: 210.769, 飽和: 36.279%, 知覚される明るさ: 66.619%
- HSLuv(HUSL)
- H: 242.117, S: 50.569, L: 70.094
- Cubehelix
- H: -152.886, S: 0.495, L: 0.659
- TSL
- T: -1.744, S: 0.098, L: 0.660
- CMYK
- シアン色: 36% (0.363), マゼンタ色: 19% (0.186), 黄色: 0% (0.000), キー・プレート: 16% (0.157)
- CMY
- シアン色: 46% (0.463), マゼンタ色: 31% (0.314), 黄色: 16% (0.157)
- XYZ
- X: 37.908, Y: 40.883, Z: 70.171
- xyY
- x: 0.254, y: 0.274, Y: 40.883
- Lab色空間
- L: 70.094, a: -3.047, b: -24.317
- CIELuv
- L: 70.094, u: -19.921, v: -37.650
- CIELCH/LCHab
- L: 70.094, C: 24.507, H: 262.857
- CIELUV/LCHuv
- L: 70.094, C: 42.595, H: 242.117
- Hunter-Lab
- L: 63.940, a: -6.065, b: -20.310
- CIECAM02
- J: 60.545, C: 34.015, h: 245.011, Q: 153.302, M: 29.746, s: 44.049, H: 303.559
- OSA-UCS
- 明度: -10.187, 黄色: -4.193, 緑色: 1.840
- LMS
- L: 33.947, M: 43.154, S: 69.675
- YCbCr
- Y: 160.479, Cb: 151.184, Cr: 108.478
- YCoCg
- Y: 175.500, Cg: -0.500, Co: 14.750
- YDbDr
- Y: 168.198, Db: 70.420, Dr: 59.334
- YPbPr
- Y: 169.786, Pb: 24.370, Pr: -20.840
- xvYCC
- Y: 161.816, Cb: 149.407, Cr: 109.693
- YIQ
- Y: 168.198, I: -35.488, Q: 4.410
- YUV
- Y: 168.198, U: 23.033, V: -27.370
- マンセルカラーシステム
- 5PB 7/8 ΔE = 4.043
- ブランドカラー
- Skype ΔE = 8.375