
HTML&CSS例
#017695前景
案ずるより産むが易し。
<p style="color: #017695">…</p>
#017695背景
門前の小僧習わぬ経を読む。
<p style="background-color: #017695">…</p>
#017695テキストに影をつける
見ぬが花。
<p style="text-shadow: 0.1em 0.1em 0.15em #017695">…</p>
色空間変換
- 十進
- 95893
- 二進法
- 00000001, 01110110, 10010101
- 十六進法
- #017695
- LRV
- ≈ 15.1%
- 最も近い短い16進数
- #079 ΔE = 1.259
- RGB
- rgb(1, 118, 149)
- RGBA
- rgba(1, 118, 149, 1.0)
- rg色度
- r: 0.004, g: 0.440, b: 0.556
- RYB
- 赤色: 0.392%, 黄色: 26.017%, 青色: 58.431%
- Android/android.graphics.Color
- -16681323/0xff017695
- HSL
- hsl(193, 99%, 29%)
- HSLA
- hsla(193, 99%, 29%, 1.0)
- HSV/HSB
- 色相: 193° (192.568), 飽和: 99% (0.993), 値: 58% (0.584)
- HSP
- 色相: 192.568, 飽和: 99.329%, 知覚される明るさ: 40.574%
- HSLuv(HUSL)
- H: 226.587, S: 99.843, L: 45.814
- Cubehelix
- H: -174.896, S: 0.968, L: 0.338
- TSL
- T: -1.724, S: 0.465, L: 0.339
- CMYK
- シアン色: 99% (0.993), マゼンタ色: 21% (0.208), 黄色: 0% (0.000), キー・プレート: 42% (0.416)
- CMY
- シアン色: 100% (0.996), マゼンタ色: 54% (0.537), 黄色: 42% (0.416)
- XYZ
- X: 11.913, Y: 15.132, Z: 30.721
- xyY
- x: 0.206, y: 0.262, Y: 15.132
- Lab色空間
- L: 45.814, a: -16.211, b: -24.600
- CIELuv
- L: 45.814, u: -32.097, v: -33.927
- CIELCH/LCHab
- L: 45.814, C: 29.461, H: 236.616
- CIELUV/LCHuv
- L: 45.814, C: 46.704, H: 226.587
- Hunter-Lab
- L: 38.899, a: -13.406, b: -19.595
- CIECAM02
- J: 34.205, C: 43.297, h: 224.915, Q: 115.227, M: 37.863, s: 57.323, H: 285.231
- OSA-UCS
- 明度: -10.199, 黄色: -4.133, 緑色: 4.133
- LMS
- L: 10.242, M: 17.491, S: 30.452
- YCbCr
- Y: 90.331, Cb: 158.925, Cr: 74.436
- YCgCo
- Y: 96.500, Cg: 21.500, Co: -36.750
- YDbDr
- Y: 86.551, Db: 93.973, Dr: 162.688
- YPbPr
- Y: 95.311, Pb: 28.955, Pr: -59.926
- xvYCC
- Y: 97.855, Cb: 153.435, Cr: 75.359
- YIQ
- Y: 86.551, I: -79.658, Q: -15.095
- YUV
- Y: 86.551, U: 30.731, V: -75.055
- マンセルカラーシステム
- 7.5B 4/8 ΔE = 1.853
- ブランドカラー
- WordPress (blue) ΔE = 4.090