
HTML&CSS例
#00c000前景
猫に小判。
<p style="color: #00c000">…</p>
#00c000背景
二兎を追う者は一兎をも得ず。
<p style="background-color: #00c000">…</p>
#00c000テキストに影をつける
自業自得。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c000">…</p>
色空間変換
- 十進
- 49152
- 二進法
- 00000000, 11000000, 00000000
- 十六進法
- #00c000
- LRV
- ≈ 37.7%
- 最も近い短い16進数
- #1b0 ΔE = 1.630
- RGB
- rgb(0, 192, 0)
- RGBA
- rgba(0, 192, 0, 1.0)
- rg色度
- r: 0.000, g: 1.000, b: 0.000
- RYB
- 赤色: 0.000%, 黄色: 75.294%, 青色: 75.294%
- Android/android.graphics.Color
- -16728064/0xff00c000
- HSL
- hsl(120, 100%, 38%)
- HSLA
- hsla(120, 100%, 38%, 1.0)
- HSV/HSB
- 色相: 120° (120.000), 飽和: 100% (1.000), 値: 75% (0.753)
- HSP
- 色相: 120.000, 飽和: 100.000%, 知覚される明るさ: 57.687%
- HSLuv(HUSL)
- H: 127.724, S: 100.019, L: 67.797
- Cubehelix
- H: -250.041, S: 1.418, L: 0.444
- TSL
- T: -0.478, S: 1.000, L: 0.442
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 100% (1.000), キー・プレート: 25% (0.247)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 25% (0.247), 黄色: 100% (1.000)
- XYZ
- X: 18.848, Y: 37.697, Z: 6.283
- xyY
- x: 0.300, y: 0.600, Y: 37.697
- Lab色空間
- L: 67.797, a: -69.618, b: 67.192
- CIELuv
- L: 67.797, u: -64.198, v: 82.992
- CIELCH/LCHab
- L: 67.797, C: 96.755, H: 136.016
- CIELUV/LCHuv
- L: 67.797, C: 104.924, H: 127.724
- Hunter-Lab
- L: 61.398, a: -52.649, b: 36.911
- CIECAM02
- J: 56.281, C: 88.797, h: 136.392, Q: 147.806, M: 77.652, s: 72.482, H: 170.406
- OSA-UCS
- 明度: -9.394, 黄色: 9.092, 緑色: 9.379
- LMS
- L: 28.986, M: 50.767, S: 6.748
- YCbCr
- Y: 112.768, Cb: 72.128, Cr: 57.344
- YCoCg
- Y: 96.000, Cg: 96.000, Co: 0.000
- YDbDr
- Y: 112.704, Db: -169.536, Dr: 214.272
- YPbPr
- Y: 137.280, Pb: -73.920, Pr: -87.168
- xvYCC
- Y: 133.899, Cb: 63.066, Cr: 51.429
- YIQ
- Y: 112.704, I: -52.695, Q: -100.337
- YUV
- Y: 112.704, U: -55.461, V: -98.878
- マンセルカラーシステム
- 10GY 6/12 ΔE = 7.888
- ブランドカラー
- ASDA ΔE = 4.825