
HTML&CSS例
#0070a2前景
見ぬが花。
<p style="color: #0070a2">…</p>
#0070a2背景
馬鹿は死ななきゃ治らない。
<p style="background-color: #0070a2">…</p>
#0070a2テキストに影をつける
起死回生。
<p style="text-shadow: 0.1em 0.1em 0.15em #0070a2">…</p>
色空間変換
- 十進
- 28834
- 二進法
- 00000000, 01110000, 10100010
- 十六進法
- #0070a2
- LRV
- ≈ 14.2%
- 最も近い短い16進数
- #07a ΔE = 2.665
- RGB
- rgb(0, 112, 162)
- RGBA
- rgba(0, 112, 162, 1.0)
- rg色度
- r: 0.000, g: 0.409, b: 0.591
- RYB
- 赤色: 0.000%, 黄色: 25.968%, 青色: 63.529%
- Android/android.graphics.Color
- -16748382/0xff0070a2
- HSL
- hsl(199, 100%, 32%)
- HSLA
- hsla(199, 100%, 32%, 1.0)
- HSV/HSB
- 色相: 199° (198.519), 飽和: 100% (1.000), 値: 64% (0.635)
- HSP
- 色相: 198.519, 飽和: 100.000%, 知覚される明るさ: 39.906%
- HSLuv(HUSL)
- H: 239.594, S: 100.019, L: 44.512
- Cubehelix
- H: -167.868, S: 1.048, L: 0.329
- TSL
- T: -1.868, S: 0.459, L: 0.330
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 31% (0.309), 黄色: 0% (0.000), キー・プレート: 36% (0.365)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 56% (0.561), 黄色: 36% (0.365)
- XYZ
- X: 12.313, Y: 14.195, Z: 36.266
- xyY
- x: 0.196, y: 0.226, Y: 14.195
- Lab色空間
- L: 44.512, a: -7.831, b: -34.306
- CIELuv
- L: 44.512, u: -29.162, v: -49.692
- CIELCH/LCHab
- L: 44.512, C: 35.188, H: 257.142
- CIELUV/LCHuv
- L: 44.512, C: 57.617, H: 239.594
- Hunter-Lab
- L: 37.677, a: -7.599, b: -30.697
- CIECAM02
- J: 32.971, C: 48.728, h: 236.479, Q: 113.129, M: 42.612, s: 61.373, H: 298.802
- OSA-UCS
- 明度: -10.289, 黄色: -5.899, 緑色: 3.774
- LMS
- L: 9.232, M: 15.654, S: 35.894
- YCbCr
- Y: 88.324, Cb: 166.526, Cr: 75.282
- YCoCg
- Y: 96.500, Cg: 15.500, Co: -40.500
- YDbDr
- Y: 84.212, Db: 117.050, Dr: 160.146
- YPbPr
- Y: 91.744, Pb: 37.880, Pr: -58.300
- xvYCC
- Y: 94.792, Cb: 161.275, Cr: 76.787
- YIQ
- Y: 84.212, I: -82.783, Q: -8.126
- YUV
- Y: 84.212, U: 38.280, V: -73.880
- マンセルカラーシステム
- 2.5PB 4/10 ΔE = 0.560
- ブランドカラー
- LinkedIn ΔE = 2.332