
HTML&CSS例
#00009d前景
自業自得。
<p style="color: #00009d">…</p>
#00009d背景
蛙の子は蛙。
<p style="background-color: #00009d">…</p>
#00009dテキストに影をつける
自業自得。
<p style="text-shadow: 0.1em 0.1em 0.15em #00009d">…</p>
色空間変換
- 十進
- 157
- 二進法
- 00000000, 00000000, 10011101
- 十六進法
- #00009d
- LRV
- ≈ 2.4%
- 最も近い短い16進数
- #109 ΔE = 0.566
- RGB
- rgb(0, 0, 157)
- RGBA
- rgba(0, 0, 157, 1.0)
- rg色度
- r: 0.000, g: 0.000, b: 1.000
- RYB
- 赤色: 0.000%, 黄色: 0.000%, 青色: 61.569%
- Android/android.graphics.Color
- -16777059/0xff00009d
- HSL
- hsl(240, 100%, 31%)
- HSLA
- hsla(240, 100%, 31%, 1.0)
- HSV/HSB
- 色相: 240° (240.000), 飽和: 100% (1.000), 値: 62% (0.616)
- HSP
- 色相: 240.000, 飽和: 100.000%, 知覚される明るさ: 20.788%
- HSLuv(HUSL)
- H: 265.873, S: 100.019, L: 17.615
- Cubehelix
- H: -123.058, S: 4.405, L: 0.068
- TSL
- T: -2.951, S: 0.632, L: 0.070
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 100% (1.000), 黄色: 0% (0.000), キー・プレート: 38% (0.384)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 100% (1.000), 黄色: 38% (0.384)
- XYZ
- X: 6.084, Y: 2.433, Z: 32.041
- xyY
- x: 0.150, y: 0.060, Y: 2.433
- Lab色空間
- L: 17.615, a: 55.115, b: -75.071
- CIELuv
- L: 17.615, u: -5.130, v: -71.090
- CIELCH/LCHab
- L: 17.615, C: 93.131, H: 306.285
- CIELUV/LCHuv
- L: 17.615, C: 71.275, H: 265.873
- Hunter-Lab
- L: 15.600, a: 42.314, b: -110.859
- CIECAM02
- J: 11.586, C: 66.976, h: 258.001, Q: 67.061, M: 58.570, s: 93.454, H: 310.051
- OSA-UCS
- 明度: -11.082, 黄色: -14.189, 緑色: 4.669
- LMS
- L: 0.300, M: 0.046, S: 31.560
- YCbCr
- Y: 31.386, Cb: 196.923, Cr: 116.853
- YCoCg
- Y: 39.250, Cg: -39.250, Co: -39.250
- YDbDr
- Y: 17.898, Db: 209.281, Dr: 34.069
- YPbPr
- Y: 11.304, Pb: 78.500, Pr: -7.222
- xvYCC
- Y: 25.708, Cb: 196.957, Cr: 121.656
- YIQ
- Y: 17.898, I: -50.438, Q: 48.848
- YUV
- Y: 17.898, U: 68.452, V: -15.702
- Okhsl
- h: 264.052, s: 1.000, l: 0.214
- Okhsv
- h: 264.052. s: 1.000, v: 0.600
- Okhwb
- h: 264.052, w: 0.000, b: 0.400
- Oklab
- l: 0.315, a: -0.023, b: -0.217
- Oklch
- l: 0.315, c: 0.218, h: 264.052
- マンセルカラーシステム
- 10PB 2/10 ΔE = 16.905
- ブランドカラー
- Wooga ΔE = 9.785