
HTML&CSS例
#00008f前景
自業自得。
<p style="color: #00008f">…</p>
#00008f背景
蛙の子は蛙。
<p style="background-color: #00008f">…</p>
#00008fテキストに影をつける
自業自得。
<p style="text-shadow: 0.1em 0.1em 0.15em #00008f">…</p>
色空間変換
- 十進
- 143
- 二進法
- 00000000, 00000000, 10001111
- 十六進法
- #00008f
- LRV
- ≈ 2.0%
- 最も近い短い16進数
- #108 ΔE = 1.017
- RGB
- rgb(0, 0, 143)
- RGBA
- rgba(0, 0, 143, 1.0)
- rg色度
- r: 0.000, g: 0.000, b: 1.000
- RYB
- 赤色: 0.000%, 黄色: 0.000%, 青色: 56.078%
- Android/android.graphics.Color
- -16777073/0xff00008f
- HSL
- hsl(240, 100%, 28%)
- HSLA
- hsla(240, 100%, 28%, 1.0)
- HSV/HSB
- 色相: 240° (240.000), 飽和: 100% (1.000), 値: 56% (0.561)
- HSP
- 色相: 240.000, 飽和: 100.000%, 知覚される明るさ: 18.934%
- HSLuv(HUSL)
- H: 265.873, S: 100.019, L: 15.395
- Cubehelix
- H: -123.058, S: 4.377, L: 0.062
- TSL
- T: -2.951, S: 0.632, L: 0.064
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 100% (1.000), 黄色: 0% (0.000), キー・プレート: 44% (0.439)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 100% (1.000), 黄色: 44% (0.439)
- XYZ
- X: 4.956, Y: 1.982, Z: 26.103
- xyY
- x: 0.150, y: 0.060, Y: 1.982
- Lab色空間
- L: 15.395, a: 51.475, b: -70.114
- CIELuv
- L: 15.395, u: -4.483, v: -62.130
- CIELCH/LCHab
- L: 15.395, C: 86.980, H: 306.285
- CIELUV/LCHuv
- L: 15.395, C: 62.292, H: 265.873
- Hunter-Lab
- L: 14.080, a: 38.192, b: -100.060
- CIECAM02
- J: 10.340, C: 63.184, h: 258.034, Q: 63.352, M: 55.254, s: 93.390, H: 310.068
- OSA-UCS
- 明度: -11.082, 黄色: -13.252, 緑色: 4.360
- LMS
- L: 0.245, M: 0.037, S: 25.711
- YCbCr
- Y: 30.014, Cb: 190.777, Cr: 117.847
- YCoCg
- Y: 35.750, Cg: -35.750, Co: -35.750
- YDbDr
- Y: 16.302, Db: 190.619, Dr: 31.031
- YPbPr
- Y: 10.296, Pb: 71.500, Pr: -6.578
- xvYCC
- Y: 24.842, Cb: 190.808, Cr: 122.222
- YIQ
- Y: 16.302, I: -45.941, Q: 44.492
- YUV
- Y: 16.302, U: 62.348, V: -14.301
- Okhsl
- h: 264.052, s: 1.000, l: 0.192
- Okhsv
- h: 264.052. s: 1.000, v: 0.541
- Okhwb
- h: 264.052, w: 0.000, b: 0.459
- Oklab
- l: 0.294, a: -0.021, b: -0.203
- Oklch
- l: 0.294, c: 0.204, h: 264.052
- マンセルカラーシステム
- 10PB 2/10 ΔE = 15.667
- ブランドカラー
- Wooga ΔE = 11.473