
HTML&CSS例
#00018b前景
自業自得。
<p style="color: #00018b">…</p>
#00018b背景
蛙の子は蛙。
<p style="background-color: #00018b">…</p>
#00018bテキストに影をつける
自業自得。
<p style="text-shadow: 0.1em 0.1em 0.15em #00018b">…</p>
色空間変換
- 十進
- 395
- 二進法
- 00000000, 00000001, 10001011
- 十六進法
- #00018b
- LRV
- ≈ 1.9%
- 最も近い短い16進数
- #108 ΔE = 0.589
- RGB
- rgb(0, 1, 139)
- RGBA
- rgba(0, 1, 139, 1.0)
- rg色度
- r: 0.000, g: 0.007, b: 0.993
- RYB
- 赤色: 0.000%, 黄色: 0.389%, 青色: 54.510%
- Android/android.graphics.Color
- -16776821/0xff00018b
- HSL
- hsl(240, 100%, 27%)
- HSLA
- hsla(240, 100%, 27%, 1.0)
- HSV/HSB
- 色相: 240° (239.568), 飽和: 100% (1.000), 値: 55% (0.545)
- HSP
- 色相: 239.568, 飽和: 100.000%, 知覚される明るさ: 18.407%
- HSLuv(HUSL)
- H: 265.825, S: 100.019, L: 14.873
- Cubehelix
- H: -123.398, S: 4.198, L: 0.062
- TSL
- T: -2.934, S: 0.626, L: 0.064
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 99% (0.993), 黄色: 0% (0.000), キー・プレート: 45% (0.455)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 100% (0.996), 黄色: 45% (0.455)
- XYZ
- X: 4.669, Y: 1.885, Z: 24.539
- xyY
- x: 0.150, y: 0.061, Y: 1.885
- Lab色空間
- L: 14.873, a: 50.053, b: -68.482
- CIELuv
- L: 14.873, u: -4.363, v: -59.767
- CIELCH/LCHab
- L: 14.873, C: 84.824, H: 306.163
- CIELUV/LCHuv
- L: 14.873, C: 59.926, H: 265.825
- Hunter-Lab
- L: 13.730, a: 36.678, b: -96.354
- CIECAM02
- J: 10.068, C: 62.035, h: 258.096, Q: 62.514, M: 54.248, s: 93.154, H: 310.100
- OSA-UCS
- 明度: -11.076, 黄色: -12.934, 緑色: 4.195
- LMS
- L: 0.247, M: 0.064, S: 24.171
- YCbCr
- Y: 30.126, Cb: 188.730, Cr: 117.763
- YCoCg
- Y: 35.250, Cg: -34.250, Co: -34.750
- YDbDr
- Y: 16.433, Db: 184.404, Dr: 31.279
- YPbPr
- Y: 10.723, Pb: 69.115, Pr: -6.848
- xvYCC
- Y: 25.209, Cb: 188.713, Cr: 121.985
- YIQ
- Y: 16.433, I: -44.930, Q: 42.725
- YUV
- Y: 16.433, U: 60.315, V: -14.416
- Okhsl
- h: 264.073, s: 0.999, l: 0.186
- Okhsv
- h: 264.073. s: 0.998, v: 0.524
- Okhwb
- h: 264.073, w: 0.001, b: 0.476
- Oklab
- l: 0.289, a: -0.021, b: -0.198
- Oklch
- l: 0.289, c: 0.199, h: 264.073
- マンセルカラーシステム
- 10PB 2/10 ΔE = 15.232
- ブランドカラー
- Wooga ΔE = 11.940