
HTML&CSS例
#017185前景
七転び八起き。
<p style="color: #017185">…</p>
#017185背景
案ずるより産むが易し。
<p style="background-color: #017185">…</p>
#017185テキストに影をつける
美人薄命。
<p style="text-shadow: 0.1em 0.1em 0.15em #017185">…</p>
色空間変換
- 十進
- 94597
- 二進法
- 00000001, 01110001, 10000101
- 十六進法
- #017185
- LRV
- ≈ 13.5%
- 最も近い短い16進数
- #178 ΔE = 2.669
- RGB
- rgb(1, 113, 133)
- RGBA
- rgba(1, 113, 133, 1.0)
- rg色度
- r: 0.004, g: 0.457, b: 0.538
- RYB
- 赤色: 0.392%, 黄色: 24.153%, 青色: 52.157%
- Android/android.graphics.Color
- -16682619/0xff017185
- HSL
- hsl(189, 99%, 26%)
- HSLA
- hsla(189, 99%, 26%, 1.0)
- HSV/HSB
- 色相: 189° (189.091), 飽和: 99% (0.992), 値: 52% (0.522)
- HSP
- 色相: 189.091, 飽和: 99.248%, 知覚される明るさ: 38.247%
- HSLuv(HUSL)
- H: 217.407, S: 99.815, L: 43.520
- Cubehelix
- H: -178.812, S: 0.907, L: 0.320
- TSL
- T: -1.651, S: 0.472, L: 0.321
- CMYK
- シアン色: 99% (0.992), マゼンタ色: 15% (0.150), 黄色: 0% (0.000), キー・プレート: 48% (0.478)
- CMY
- シアン色: 100% (0.996), マゼンタ色: 56% (0.557), 黄色: 48% (0.478)
- XYZ
- X: 10.149, Y: 13.509, Z: 24.258
- xyY
- x: 0.212, y: 0.282, Y: 13.509
- Lab色空間
- L: 43.520, a: -19.339, b: -18.624
- CIELuv
- L: 43.520, u: -31.495, v: -24.087
- CIELCH/LCHab
- L: 43.520, C: 26.849, H: 223.920
- CIELUV/LCHuv
- L: 43.520, C: 39.650, H: 217.407
- Hunter-Lab
- L: 36.754, a: -15.029, b: -13.404
- CIECAM02
- J: 32.146, C: 39.434, h: 217.354, Q: 111.705, M: 34.484, s: 55.561, H: 275.953
- OSA-UCS
- 明度: -10.153, 黄色: -3.079, 緑色: 4.141
- LMS
- L: 9.301, M: 15.938, S: 24.070
- YCbCr
- Y: 86.243, Cb: 153.356, Cr: 77.412
- YCgCo
- Y: 90.000, Cg: 23.000, Co: -32.750
- YDbDr
- Y: 81.792, Db: 77.060, Dr: 153.636
- YPbPr
- Y: 90.584, Pb: 22.880, Pr: -56.920
- xvYCC
- Y: 93.796, Cb: 148.099, Cr: 78.000
- YIQ
- Y: 81.792, I: -73.145, Q: -17.460
- YUV
- Y: 81.792, U: 25.200, V: -70.880
- マンセルカラーシステム
- 7.5B 4/6 ΔE = 1.436
- ブランドカラー
- WordPress (blue) ΔE = 8.671