
HTML&CSS例
#00c44c前景
案ずるより産むが易し。
<p style="color: #00c44c">…</p>
#00c44c背景
弱肉強食。
<p style="background-color: #00c44c">…</p>
#00c44cテキストに影をつける
酔生夢死。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c44c">…</p>
色空間変換
- 十進
- 50252
- 二進法
- 00000000, 11000100, 01001100
- 十六進法
- #00c44c
- LRV
- ≈ 40.0%
- 最も近い短い16進数
- #0c5 ΔE = 2.744
- RGB
- rgb(0, 196, 76)
- RGBA
- rgba(0, 196, 76, 1.0)
- rg色度
- r: 0.000, g: 0.721, b: 0.279
- RYB
- 赤色: 0.000%, 黄色: 55.386%, 青色: 76.863%
- Android/android.graphics.Color
- -16726964/0xff00c44c
- HSL
- hsl(143, 100%, 38%)
- HSLA
- hsla(143, 100%, 38%, 1.0)
- HSV/HSB
- 色相: 143° (143.265), 飽和: 100% (1.000), 値: 77% (0.769)
- HSP
- 色相: 143.265, 飽和: 100.000%, 知覚される明るさ: 59.743%
- HSLuv(HUSL)
- H: 132.889, S: 100.019, L: 69.469
- Cubehelix
- H: -228.772, S: 1.187, L: 0.486
- TSL
- T: -0.866, S: 0.686, L: 0.485
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 61% (0.612), キー・プレート: 23% (0.231)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 23% (0.231), 黄色: 70% (0.702)
- XYZ
- X: 21.043, Y: 39.999, Z: 13.448
- xyY
- x: 0.282, y: 0.537, Y: 39.999
- Lab色空間
- L: 69.469, a: -65.924, b: 47.760
- CIELuv
- L: 69.469, u: -63.733, v: 68.612
- CIELCH/LCHab
- L: 69.469, C: 81.406, H: 144.078
- CIELUV/LCHuv
- L: 69.469, C: 93.646, H: 132.889
- Hunter-Lab
- L: 63.245, a: -51.288, b: 31.665
- CIECAM02
- J: 58.266, C: 72.982, h: 143.443, Q: 150.390, M: 63.822, s: 65.144, H: 178.583
- OSA-UCS
- 明度: -9.577, 黄色: 7.085, 緑色: 8.872
- LMS
- L: 30.420, M: 53.174, S: 13.831
- YCbCr
- Y: 122.232, Cb: 104.328, Cr: 50.476
- YCoCg
- Y: 117.000, Cg: 79.000, Co: -19.000
- YDbDr
- Y: 123.716, Db: -71.760, Dr: 235.228
- YPbPr
- Y: 145.612, Pb: -37.460, Pr: -92.480
- xvYCC
- Y: 141.055, Cb: 95.094, Cr: 46.763
- YIQ
- Y: 123.716, I: -78.209, Q: -78.782
- YUV
- Y: 123.716, U: -23.481, V: -108.539
- マンセルカラーシステム
- 2.5G 7/10 ΔE = 7.548
- ブランドカラー
- ASDA ΔE = 5.297