
HTML&CSS例
#000099前景
我田引水。
<p style="color: #009">…</p>
#000099背景
会者定離。
<p style="background-color: #009">…</p>
#000099テキストに影をつける
美人薄命。
<p style="text-shadow: 0.1em 0.1em 0.15em #009">…</p>
色空間変換
- 十進
- 153
- 二進法
- 00000000, 00000000, 10011001
- 十六進法
- #000099/#009
- LRV
- ≈ 2.3%
- RGB
- rgb(0, 0, 153)
- RGBA
- rgba(0, 0, 153, 1.0)
- rg色度
- r: 0.000, g: 0.000, b: 1.000
- RYB
- 赤色: 0.000%, 黄色: 0.000%, 青色: 60.000%
- Android/android.graphics.Color
- -16777063/0xff000099
- HSL
- hsl(240, 100%, 30%)
- HSLA
- hsla(240, 100%, 30%, 1.0)
- HSV/HSB
- 色相: 240° (240.000), 飽和: 100% (1.000), 値: 60% (0.600)
- HSP
- 色相: 240.000, 飽和: 100.000%, 知覚される明るさ: 20.258%
- HSLuv(HUSL)
- H: 265.873, S: 100.019, L: 16.985
- Cubehelix
- H: -123.058, S: 4.397, L: 0.066
- TSL
- T: -2.951, S: 0.632, L: 0.068
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 100% (1.000), 黄色: 0% (0.000), キー・プレート: 40% (0.400)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 100% (1.000), 黄色: 40% (0.400)
- XYZ
- X: 5.748, Y: 2.299, Z: 30.272
- xyY
- x: 0.150, y: 0.060, Y: 2.299
- Lab色空間
- L: 16.985, a: 54.081, b: -73.663
- CIELuv
- L: 16.985, u: -4.946, v: -68.545
- CIELCH/LCHab
- L: 16.985, C: 91.384, H: 306.285
- CIELUV/LCHuv
- L: 16.985, C: 68.724, H: 265.873
- Hunter-Lab
- L: 15.163, a: 41.129, b: -107.755
- CIECAM02
- J: 11.226, C: 65.905, h: 258.011, Q: 66.012, M: 57.633, s: 93.438, H: 310.056
- OSA-UCS
- 明度: -11.082, 黄色: -13.923, 緑色: 4.581
- LMS
- L: 0.284, M: 0.043, S: 29.818
- YCbCr
- Y: 30.994, Cb: 195.167, Cr: 117.137
- YCoCg
- Y: 38.250, Cg: -38.250, Co: -38.250
- YDbDr
- Y: 17.442, Db: 203.949, Dr: 33.201
- YPbPr
- Y: 11.016, Pb: 76.500, Pr: -7.038
- xvYCC
- Y: 25.461, Cb: 195.200, Cr: 121.818
- YIQ
- Y: 17.442, I: -49.153, Q: 47.604
- YUV
- Y: 17.442, U: 66.708, V: -15.302
- Okhsl
- h: 264.052, s: 1.000, l: 0.208
- Okhsv
- h: 264.052. s: 1.000, v: 0.583
- Okhwb
- h: 264.052, w: 0.000, b: 0.417
- Oklab
- l: 0.309, a: -0.022, b: -0.213
- Oklch
- l: 0.309, c: 0.214, h: 264.052
- マンセルカラーシステム
- 10PB 2/10 ΔE = 16.506
- ブランドカラー
- Wooga ΔE = 10.228