
HTML&CSS例
#00008a前景
美人薄命。
<p style="color: #00008a">…</p>
#00008a背景
案ずるより産むが易し。
<p style="background-color: #00008a">…</p>
#00008aテキストに影をつける
会者定離。
<p style="text-shadow: 0.1em 0.1em 0.15em #00008a">…</p>
色空間変換
- 十進
- 138
- 二進法
- 00000000, 00000000, 10001010
- 十六進法
- #00008a
- LRV
- ≈ 1.8%
- 最も近い短い16進数
- #008 ΔE = 0.373
- RGB
- rgb(0, 0, 138)
- RGBA
- rgba(0, 0, 138, 1.0)
- rg色度
- r: 0.000, g: 0.000, b: 1.000
- RYB
- 赤色: 0.000%, 黄色: 0.000%, 青色: 54.118%
- Android/android.graphics.Color
- -16777078/0xff00008a
- HSL
- hsl(240, 100%, 27%)
- HSLA
- hsla(240, 100%, 27%, 1.0)
- HSV/HSB
- 色相: 240° (240.000), 飽和: 100% (1.000), 値: 54% (0.541)
- HSP
- 色相: 240.000, 飽和: 100.000%, 知覚される明るさ: 18.272%
- HSLuv(HUSL)
- H: 265.873, S: 100.019, L: 14.593
- Cubehelix
- H: -123.058, S: 4.367, L: 0.060
- TSL
- T: -2.951, S: 0.632, L: 0.062
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 100% (1.000), 黄色: 0% (0.000), キー・プレート: 46% (0.459)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 100% (1.000), 黄色: 46% (0.459)
- XYZ
- X: 4.586, Y: 1.834, Z: 24.152
- xyY
- x: 0.150, y: 0.060, Y: 1.834
- Lab色空間
- L: 14.593, a: 50.160, b: -68.322
- CIELuv
- L: 14.593, u: -4.250, v: -58.892
- CIELCH/LCHab
- L: 14.593, C: 84.758, H: 306.285
- CIELUV/LCHuv
- L: 14.593, C: 59.046, H: 265.873
- Hunter-Lab
- L: 13.544, a: 36.738, b: -96.249
- CIECAM02
- J: 9.903, C: 61.800, h: 258.046, Q: 62.000, M: 54.043, s: 93.363, H: 310.074
- OSA-UCS
- 明度: -11.082, 黄色: -12.914, 緑色: 4.249
- LMS
- L: 0.226, M: 0.035, S: 23.790
- YCbCr
- Y: 29.524, Cb: 188.582, Cr: 118.202
- YCoCg
- Y: 34.500, Cg: -34.500, Co: -34.500
- YDbDr
- Y: 15.732, Db: 183.954, Dr: 29.946
- YPbPr
- Y: 9.936, Pb: 69.000, Pr: -6.348
- xvYCC
- Y: 24.533, Cb: 188.612, Cr: 122.424
- YIQ
- Y: 15.732, I: -44.334, Q: 42.937
- YUV
- Y: 15.732, U: 60.168, V: -13.801
- Okhsl
- h: 264.052, s: 1.000, l: 0.184
- Okhsv
- h: 264.052. s: 1.000, v: 0.519
- Okhwb
- h: 264.052, w: 0.000, b: 0.481
- Oklab
- l: 0.286, a: -0.021, b: -0.197
- Oklch
- l: 0.286, c: 0.198, h: 264.052
- マンセルカラーシステム
- 10PB 2/10 ΔE = 15.342
- ブランドカラー
- Wooga ΔE = 12.159