
HTML&CSS例
#00c620前景
起死回生。
<p style="color: #00c620">…</p>
#00c620背景
猫に小判。
<p style="background-color: #00c620">…</p>
#00c620テキストに影をつける
井の中の蛙大海を知らず。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c620">…</p>
色空間変換
- 十進
- 50720
- 二進法
- 00000000, 11000110, 00100000
- 十六進法
- #00c620
- LRV
- ≈ 40.5%
- 最も近い短い16進数
- #0c2 ΔE = 1.976
- RGB
- rgb(0, 198, 32)
- RGBA
- rgba(0, 198, 32, 1.0)
- rg色度
- r: 0.000, g: 0.861, b: 0.139
- RYB
- 赤色: 0.000%, 黄色: 66.844%, 青色: 77.647%
- Android/android.graphics.Color
- -16726496/0xff00c620
- HSL
- hsl(130, 100%, 39%)
- HSLA
- hsla(130, 100%, 39%, 1.0)
- HSV/HSB
- 色相: 130° (129.697), 飽和: 100% (1.000), 値: 78% (0.776)
- HSP
- 色相: 129.697, 飽和: 100.000%, 知覚される明るさ: 59.641%
- HSLuv(HUSL)
- H: 128.659, S: 100.019, L: 69.817
- Cubehelix
- H: -242.152, S: 1.324, L: 0.472
- TSL
- T: -0.635, S: 0.837, L: 0.470
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 84% (0.838), キー・プレート: 22% (0.224)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 22% (0.224), 黄色: 87% (0.875)
- XYZ
- X: 20.453, Y: 40.490, Z: 8.104
- xyY
- x: 0.296, y: 0.586, Y: 40.490
- Lab色空間
- L: 69.817, a: -70.275, b: 63.833
- CIELuv
- L: 69.817, u: -65.694, v: 82.119
- CIELCH/LCHab
- L: 69.817, C: 94.938, H: 137.750
- CIELUV/LCHuv
- L: 69.817, C: 105.162, H: 128.659
- Hunter-Lab
- L: 63.632, a: -53.979, b: 36.991
- CIECAM02
- J: 58.562, C: 86.206, h: 137.768, Q: 150.771, M: 75.386, s: 70.711, H: 172.042
- OSA-UCS
- 明度: -9.436, 黄色: 8.846, 緑色: 9.454
- LMS
- L: 31.067, M: 54.390, S: 8.581
- YCbCr
- Y: 118.928, Cb: 84.430, Cr: 52.864
- YCoCg
- Y: 107.000, Cg: 91.000, Co: -8.000
- YDbDr
- Y: 119.874, Db: -132.178, Dr: 227.912
- YPbPr
- Y: 143.874, Pb: -60.230, Pr: -91.364
- xvYCC
- Y: 139.562, Cb: 75.092, Cr: 47.743
- YIQ
- Y: 119.874, I: -64.622, Q: -93.517
- YUV
- Y: 119.874, U: -43.242, V: -105.168
- マンセルカラーシステム
- 10GY 7/10 ΔE = 9.434
- ブランドカラー
- ASDA ΔE = 2.668