
HTML&CSS例
#020c82前景
見ぬが花。
<p style="color: #020c82">…</p>
#020c82背景
花より団子。
<p style="background-color: #020c82">…</p>
#020c82テキストに影をつける
海千山千。
<p style="text-shadow: 0.1em 0.1em 0.15em #020c82">…</p>
色空間変換
- 十進
- 134274
- 二進法
- 00000010, 00001100, 10000010
- 十六進法
- #020c82
- LRV
- ≈ 1.9%
- 最も近い短い16進数
- #018 ΔE = 1.588
- RGB
- rgb(2, 12, 130)
- RGBA
- rgba(2, 12, 130, 1.0)
- rg色度
- r: 0.014, g: 0.083, b: 0.903
- RYB
- 赤色: 0.784%, 黄色: 4.422%, 青色: 50.980%
- Android/android.graphics.Color
- -16642942/0xff020c82
- HSL
- hsl(235, 97%, 26%)
- HSLA
- hsla(235, 97%, 26%, 1.0)
- HSV/HSB
- 色相: 235° (235.312), 飽和: 98% (0.985), 値: 51% (0.510)
- HSP
- 色相: 235.312, 飽和: 98.462%, 知覚される明るさ: 17.592%
- HSLuv(HUSL)
- H: 265.306, S: 98.807, L: 14.883
- Cubehelix
- H: -126.918, S: 2.746, L: 0.086
- TSL
- T: -2.760, S: 0.544, L: 0.088
- CMYK
- シアン色: 98% (0.985), マゼンタ色: 91% (0.908), 黄色: 0% (0.000), キー・プレート: 49% (0.490)
- CMY
- シアン色: 99% (0.992), マゼンタ色: 95% (0.953), 黄色: 49% (0.490)
- XYZ
- X: 4.184, Y: 1.887, Z: 21.258
- xyY
- x: 0.153, y: 0.069, Y: 1.887
- Lab色空間
- L: 14.883, a: 43.435, b: -62.780
- CIELuv
- L: 14.883, u: -4.638, v: -56.478
- CIELCH/LCHab
- L: 14.883, C: 76.341, H: 304.678
- CIELUV/LCHuv
- L: 14.883, C: 56.669, H: 265.306
- Hunter-Lab
- L: 13.737, a: 30.334, b: -82.139
- CIECAM02
- J: 10.243, C: 58.797, h: 259.044, Q: 63.055, M: 51.417, s: 90.301, H: 310.590
- OSA-UCS
- 明度: -11.002, 黄色: -11.752, 緑色: 3.158
- LMS
- L: 0.425, M: 0.389, S: 20.944
- YCbCr
- Y: 35.302, Cb: 181.282, Cr: 115.232
- YCoCg
- Y: 39.000, Cg: -27.000, Co: -31.500
- YDbDr
- Y: 22.462, Db: 161.794, Dr: 38.936
- YPbPr
- Y: 18.366, Pb: 60.150, Pr: -10.428
- xvYCC
- Y: 31.773, Cb: 180.838, Cr: 118.840
- YIQ
- Y: 22.462, I: -43.866, Q: 34.599
- YUV
- Y: 22.462, U: 52.919, V: -17.951
- マンセルカラーシステム
- 10PB 2/10 ΔE = 12.745
- ブランドカラー
- XBox Kinect ΔE = 12.001