
HTML&CSS例
#00c62a前景
十人十色。
<p style="color: #00c62a">…</p>
#00c62a背景
蛙の子は蛙。
<p style="background-color: #00c62a">…</p>
#00c62aテキストに影をつける
美人薄命。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c62a">…</p>
色空間変換
- 十進
- 50730
- 二進法
- 00000000, 11000110, 00101010
- 十六進法
- #00c62a
- LRV
- ≈ 40.6%
- 最も近い短い16進数
- #0c3 ΔE = 2.064
- RGB
- rgb(0, 198, 42)
- RGBA
- rgba(0, 198, 42, 1.0)
- rg色度
- r: 0.000, g: 0.825, b: 0.175
- RYB
- 赤色: 0.000%, 黄色: 64.059%, 青色: 77.647%
- Android/android.graphics.Color
- -16726486/0xff00c62a
- HSL
- hsl(133, 100%, 39%)
- HSLA
- hsla(133, 100%, 39%, 1.0)
- HSV/HSB
- 色相: 133° (132.727), 飽和: 100% (1.000), 値: 78% (0.776)
- HSP
- 色相: 132.727, 飽和: 100.000%, 知覚される明るさ: 59.749%
- HSLuv(HUSL)
- H: 129.240, S: 100.019, L: 69.861
- Cubehelix
- H: -239.394, S: 1.290, L: 0.476
- TSL
- T: -0.686, S: 0.797, L: 0.475
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 79% (0.788), キー・プレート: 22% (0.224)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 22% (0.224), 黄色: 84% (0.835)
- XYZ
- X: 20.611, Y: 40.553, Z: 8.931
- xyY
- x: 0.294, y: 0.579, Y: 40.553
- Lab色空間
- L: 69.861, a: -69.701, b: 61.138
- CIELuv
- L: 69.861, u: -65.487, v: 80.181
- CIELCH/LCHab
- L: 69.861, C: 92.715, H: 138.744
- CIELUV/LCHuv
- L: 69.861, C: 103.526, H: 129.240
- Hunter-Lab
- L: 63.681, a: -53.670, b: 36.261
- CIECAM02
- J: 58.629, C: 83.912, h: 138.594, Q: 150.858, M: 73.379, s: 69.743, H: 173.016
- OSA-UCS
- 明度: -9.459, 黄色: 8.579, 緑色: 9.372
- LMS
- L: 31.074, M: 54.391, S: 9.396
- YCbCr
- Y: 119.908, Cb: 88.820, Cr: 52.154
- YCoCg
- Y: 109.500, Cg: 88.500, Co: -10.500
- YDbDr
- Y: 121.014, Db: -118.848, Dr: 230.082
- YPbPr
- Y: 144.594, Pb: -55.230, Pr: -91.824
- xvYCC
- Y: 140.181, Cb: 79.484, Cr: 47.339
- YIQ
- Y: 121.014, I: -67.835, Q: -90.405
- YUV
- Y: 121.014, U: -38.882, V: -106.168
- マンセルカラーシステム
- 10GY 7/10 ΔE = 9.065
- ブランドカラー
- ASDA ΔE = 2.620