
HTML&CSS例
#01536b前景
井の中の蛙大海を知らず。
<p style="color: #01536b">…</p>
#01536b背景
秋茄子は嫁に食わすな。
<p style="background-color: #01536b">…</p>
#01536bテキストに影をつける
異体同心。
<p style="text-shadow: 0.1em 0.1em 0.15em #01536b">…</p>
色空間変換
- 十進
- 86891
- 二進法
- 00000001, 01010011, 01101011
- 十六進法
- #01536b
- LRV
- ≈ 7.3%
- 最も近い短い16進数
- #256 ΔE = 3.220
- RGB
- rgb(1, 83, 107)
- RGBA
- rgba(1, 83, 107, 1.0)
- rg色度
- r: 0.005, g: 0.435, b: 0.560
- RYB
- 赤色: 0.392%, 黄色: 18.523%, 青色: 41.961%
- Android/android.graphics.Color
- -16690325/0xff01536b
- HSL
- hsl(194, 98%, 21%)
- HSLA
- hsla(194, 98%, 21%, 1.0)
- HSV/HSB
- 色相: 194° (193.585), 飽和: 99% (0.991), 値: 42% (0.420)
- HSP
- 色相: 193.585, 飽和: 99.065%, 知覚される明るさ: 28.682%
- HSLuv(HUSL)
- H: 227.912, S: 99.654, L: 32.378
- Cubehelix
- H: -173.720, S: 0.848, L: 0.239
- TSL
- T: -1.747, S: 0.461, L: 0.240
- CMYK
- シアン色: 99% (0.991), マゼンタ色: 22% (0.224), 黄色: 0% (0.000), キー・プレート: 58% (0.580)
- CMY
- シアン色: 100% (0.996), マゼンタ色: 67% (0.675), 黄色: 58% (0.580)
- XYZ
- X: 5.758, Y: 7.254, Z: 15.004
- xyY
- x: 0.206, y: 0.259, Y: 7.254
- Lab色空間
- L: 32.378, a: -12.146, b: -19.892
- CIELuv
- L: 32.378, u: -22.516, v: -24.930
- CIELCH/LCHab
- L: 32.378, C: 23.307, H: 238.592
- CIELUV/LCHuv
- L: 32.378, C: 33.593, H: 227.912
- Hunter-Lab
- L: 26.933, a: -8.967, b: -14.176
- CIECAM02
- J: 22.788, C: 35.577, h: 226.105, Q: 94.051, M: 31.111, s: 57.515, H: 286.661
- OSA-UCS
- 明度: -10.206, 黄色: -3.350, 緑色: 3.206
- LMS
- L: 4.899, M: 8.353, S: 14.871
- YCbCr
- Y: 68.575, Cb: 150.672, Cr: 90.298
- YCgCo
- Y: 68.500, Cg: 14.500, Co: -26.250
- YDbDr
- Y: 61.218, Db: 68.892, Dr: 114.514
- YPbPr
- Y: 67.262, Pb: 21.430, Pr: -42.104
- xvYCC
- Y: 73.766, Cb: 146.825, Cr: 91.015
- YIQ
- Y: 61.218, I: -56.559, Q: -9.872
- YUV
- Y: 61.218, U: 22.529, V: -52.830
- マンセルカラーシステム
- 7.5B 3/6 ΔE = 1.255
- ブランドカラー
- Tumblr ΔE = 7.647