
HTML&CSS例
#00048b前景
美人薄命。
<p style="color: #00048b">…</p>
#00048b背景
案ずるより産むが易し。
<p style="background-color: #00048b">…</p>
#00048bテキストに影をつける
会者定離。
<p style="text-shadow: 0.1em 0.1em 0.15em #00048b">…</p>
色空間変換
- 十進
- 1163
- 二進法
- 00000000, 00000100, 10001011
- 十六進法
- #00048b
- LRV
- ≈ 2.0%
- 最も近い短い16進数
- #108 ΔE = 0.761
- RGB
- rgb(0, 4, 139)
- RGBA
- rgba(0, 4, 139, 1.0)
- rg色度
- r: 0.000, g: 0.028, b: 0.972
- RYB
- 赤色: 0.000%, 黄色: 1.525%, 青色: 54.510%
- Android/android.graphics.Color
- -16776053/0xff00048b
- HSL
- hsl(238, 100%, 27%)
- HSLA
- hsla(238, 100%, 27%, 1.0)
- HSV/HSB
- 色相: 238° (238.273), 飽和: 100% (1.000), 値: 55% (0.545)
- HSP
- 色相: 238.273, 飽和: 100.000%, 知覚される明るさ: 18.444%
- HSLuv(HUSL)
- H: 265.681, S: 100.019, L: 15.224
- Cubehelix
- H: -124.437, S: 3.755, L: 0.069
- TSL
- T: -2.882, S: 0.606, L: 0.071
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 97% (0.971), 黄色: 0% (0.000), キー・プレート: 45% (0.455)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 98% (0.984), 黄色: 45% (0.455)
- XYZ
- X: 4.702, Y: 1.950, Z: 24.550
- xyY
- x: 0.151, y: 0.063, Y: 1.950
- Lab色空間
- L: 15.224, a: 48.962, b: -67.894
- CIELuv
- L: 15.224, u: -4.562, v: -60.406
- CIELCH/LCHab
- L: 15.224, C: 83.707, H: 305.798
- CIELUV/LCHuv
- L: 15.224, C: 60.578, H: 265.681
- Hunter-Lab
- L: 13.965, a: 35.661, b: -94.452
- CIECAM02
- J: 10.298, C: 61.900, h: 258.238, Q: 63.226, M: 54.130, s: 92.528, H: 310.173
- OSA-UCS
- 明度: -11.059, 黄色: -12.794, 緑色: 3.989
- LMS
- L: 0.297, M: 0.152, S: 24.183
- YCbCr
- Y: 31.638, Cb: 187.857, Cr: 116.659
- YCoCg
- Y: 36.750, Cg: -32.750, Co: -34.750
- YDbDr
- Y: 18.194, Db: 181.755, Dr: 34.627
- YPbPr
- Y: 12.868, Pb: 67.960, Pr: -8.210
- xvYCC
- Y: 27.051, Cb: 187.698, Cr: 120.788
- YIQ
- Y: 18.194, I: -45.753, Q: 41.157
- YUV
- Y: 18.194, U: 59.449, V: -15.961
- Okhsl
- h: 264.125, s: 0.998, l: 0.189
- Okhsv
- h: 264.125. s: 0.992, v: 0.525
- Okhwb
- h: 264.125, w: 0.004, b: 0.475
- Oklab
- l: 0.291, a: -0.020, b: -0.196
- Oklch
- l: 0.291, c: 0.197, h: 264.125
- マンセルカラーシステム
- 10PB 2/10 ΔE = 14.734
- ブランドカラー
- Wooga ΔE = 11.717