
HTML&CSS例
#02a066前景
案ずるより産むが易し。
<p style="color: #02a066">…</p>
#02a066背景
悪因悪果。
<p style="background-color: #02a066">…</p>
#02a066テキストに影をつける
弱肉強食。
<p style="text-shadow: 0.1em 0.1em 0.15em #02a066">…</p>
色空間変換
- 十進
- 172134
- 二進法
- 00000010, 10100000, 01100110
- 十六進法
- #02a066
- LRV
- ≈ 26.1%
- 最も近い短い16進数
- #196 ΔE = 2.712
- RGB
- rgb(2, 160, 102)
- RGBA
- rgba(2, 160, 102, 1.0)
- rg色度
- r: 0.008, g: 0.606, b: 0.386
- RYB
- 赤色: 0.784%, 黄色: 38.729%, 青色: 62.745%
- Android/android.graphics.Color
- -16605082/0xff02a066
- HSL
- hsl(158, 98%, 32%)
- HSLA
- hsla(158, 98%, 32%, 1.0)
- HSV/HSB
- 色相: 158° (157.975), 飽和: 99% (0.988), 値: 63% (0.627)
- HSP
- 色相: 157.975, 飽和: 98.750%, 知覚される明るさ: 49.936%
- HSLuv(HUSL)
- H: 145.526, S: 99.764, L: 58.143
- Cubehelix
- H: -212.089, S: 0.947, L: 0.417
- TSL
- T: -1.123, S: 0.570, L: 0.416
- CMYK
- シアン色: 99% (0.988), マゼンタ色: 0% (0.000), 黄色: 36% (0.362), キー・プレート: 37% (0.373)
- CMY
- シアン色: 99% (0.992), マゼンタ色: 37% (0.373), 黄色: 60% (0.600)
- XYZ
- X: 14.992, Y: 26.112, Z: 16.818
- xyY
- x: 0.259, y: 0.451, Y: 26.112
- Lab色空間
- L: 58.143, a: -49.426, b: 20.525
- CIELuv
- L: 58.143, u: -50.378, v: 34.590
- CIELCH/LCHab
- L: 58.143, C: 53.518, H: 157.449
- CIELUV/LCHuv
- L: 58.143, C: 61.110, H: 145.526
- Hunter-Lab
- L: 51.100, a: -37.053, b: 16.257
- CIECAM02
- J: 46.199, C: 50.597, h: 157.883, Q: 133.914, M: 44.246, s: 57.481, H: 193.839
- OSA-UCS
- 明度: -9.791, 黄色: 3.338, 緑色: 6.856
- LMS
- L: 19.473, M: 33.879, S: 16.939
- YCbCr
- Y: 107.150, Cb: 125.922, Cr: 62.756
- YCgCo
- Y: 106.000, Cg: 54.000, Co: -24.500
- YDbDr
- Y: 106.146, Db: -6.214, Dr: 198.028
- YPbPr
- Y: 122.170, Pb: -10.830, Pr: -76.332
- xvYCC
- Y: 120.922, Cb: 118.487, Cr: 60.948
- YIQ
- Y: 106.146, I: -75.490, Q: -51.456
- YUV
- Y: 106.146, U: -2.040, V: -91.369
- マンセルカラーシステム
- 7.5G 5/10 ΔE = 4.605
- ブランドカラー
- Vine ΔE = 4.352