
HTML&CSS例
#00048d前景
案ずるより産むが易し。
<p style="color: #00048d">…</p>
#00048d背景
十人十色。
<p style="background-color: #00048d">…</p>
#00048dテキストに影をつける
一期一会。
<p style="text-shadow: 0.1em 0.1em 0.15em #00048d">…</p>
色空間変換
- 十進
- 1165
- 二進法
- 00000000, 00000100, 10001101
- 十六進法
- #00048d
- LRV
- ≈ 2.0%
- 最も近い短い16進数
- #108 ΔE = 0.968
- RGB
- rgb(0, 4, 141)
- RGBA
- rgba(0, 4, 141, 1.0)
- rg色度
- r: 0.000, g: 0.028, b: 0.972
- RYB
- 赤色: 0.000%, 黄色: 1.525%, 青色: 55.294%
- Android/android.graphics.Color
- -16776051/0xff00048d
- HSL
- hsl(238, 100%, 28%)
- HSLA
- hsla(238, 100%, 28%, 1.0)
- HSV/HSB
- 色相: 238° (238.298), 飽和: 100% (1.000), 値: 55% (0.553)
- HSP
- 色相: 238.298, 飽和: 100.000%, 知覚される明るさ: 18.708%
- HSLuv(HUSL)
- H: 265.687, S: 100.019, L: 15.536
- Cubehelix
- H: -124.417, S: 3.767, L: 0.070
- TSL
- T: -2.883, S: 0.607, L: 0.072
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 97% (0.972), 黄色: 0% (0.000), キー・プレート: 45% (0.447)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 98% (0.984), 黄色: 45% (0.447)
- XYZ
- X: 4.849, Y: 2.009, Z: 25.326
- xyY
- x: 0.151, y: 0.062, Y: 2.009
- Lab色空間
- L: 15.536, a: 49.518, b: -68.627
- CIELuv
- L: 15.536, u: -4.652, v: -61.675
- CIELCH/LCHab
- L: 15.536, C: 84.627, H: 305.813
- CIELUV/LCHuv
- L: 15.536, C: 61.850, H: 265.687
- Hunter-Lab
- L: 14.175, a: 36.262, b: -96.012
- CIECAM02
- J: 10.469, C: 62.458, h: 258.228, Q: 63.746, M: 54.618, s: 92.564, H: 310.168
- OSA-UCS
- 明度: -11.060, 黄色: -12.933, 緑色: 4.039
- LMS
- L: 0.304, M: 0.153, S: 24.948
- YCbCr
- Y: 31.834, Cb: 188.735, Cr: 116.517
- YCoCg
- Y: 37.250, Cg: -33.250, Co: -35.250
- YDbDr
- Y: 18.422, Db: 184.421, Dr: 35.061
- YPbPr
- Y: 13.012, Pb: 68.960, Pr: -8.302
- xvYCC
- Y: 27.175, Cb: 188.577, Cr: 120.707
- YIQ
- Y: 18.422, I: -46.396, Q: 41.780
- YUV
- Y: 18.422, U: 60.321, V: -16.161
- Okhsl
- h: 264.123, s: 0.998, l: 0.192
- Okhsv
- h: 264.123. s: 0.992, v: 0.533
- Okhwb
- h: 264.123, w: 0.004, b: 0.467
- Oklab
- l: 0.294, a: -0.020, b: -0.198
- Oklch
- l: 0.294, c: 0.199, h: 264.123
- マンセルカラーシステム
- 10PB 2/10 ΔE = 14.880
- ブランドカラー
- Wooga ΔE = 11.448