
HTML&CSS例
#00c520前景
花より団子。
<p style="color: #00c520">…</p>
#00c520背景
七転び八起き。
<p style="background-color: #00c520">…</p>
#00c520テキストに影をつける
二兎を追う者は一兎をも得ず。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c520">…</p>
色空間変換
- 十進
- 50464
- 二進法
- 00000000, 11000101, 00100000
- 十六進法
- #00c520
- LRV
- ≈ 40.0%
- 最も近い短い16進数
- #0c2 ΔE = 2.307
- RGB
- rgb(0, 197, 32)
- RGBA
- rgba(0, 197, 32, 1.0)
- rg色度
- r: 0.000, g: 0.860, b: 0.140
- RYB
- 赤色: 0.000%, 黄色: 66.459%, 青色: 77.255%
- Android/android.graphics.Color
- -16726752/0xff00c520
- HSL
- hsl(130, 100%, 39%)
- HSLA
- hsla(130, 100%, 39%, 1.0)
- HSV/HSB
- 色相: 130° (129.746), 飽和: 100% (1.000), 値: 77% (0.773)
- HSP
- 色相: 129.746, 飽和: 100.000%, 知覚される明るさ: 59.341%
- HSLuv(HUSL)
- H: 128.670, S: 100.019, L: 69.494
- Cubehelix
- H: -242.109, S: 1.317, L: 0.470
- TSL
- T: -0.636, S: 0.837, L: 0.468
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 84% (0.838), キー・プレート: 23% (0.227)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 23% (0.227), 黄色: 87% (0.875)
- XYZ
- X: 20.226, Y: 40.034, Z: 8.028
- xyY
- x: 0.296, y: 0.586, Y: 40.034
- Lab色空間
- L: 69.494, a: -69.999, b: 63.540
- CIELuv
- L: 69.494, u: -65.385, v: 81.701
- CIELCH/LCHab
- L: 69.494, C: 94.537, H: 137.769
- CIELUV/LCHuv
- L: 69.494, C: 104.643, H: 128.670
- Hunter-Lab
- L: 63.272, a: -53.668, b: 36.768
- CIECAM02
- J: 58.200, C: 85.894, h: 137.784, Q: 150.305, M: 75.113, s: 70.692, H: 172.061
- OSA-UCS
- 明度: -9.436, 黄色: 8.807, 緑色: 9.417
- LMS
- L: 30.716, M: 53.776, S: 8.499
- YCbCr
- Y: 118.424, Cb: 84.721, Cr: 53.232
- YCoCg
- Y: 106.500, Cg: 90.500, Co: -8.000
- YDbDr
- Y: 119.287, Db: -131.295, Dr: 226.796
- YPbPr
- Y: 143.159, Pb: -59.845, Pr: -90.910
- xvYCC
- Y: 138.948, Cb: 75.430, Cr: 48.142
- YIQ
- Y: 119.287, I: -64.348, Q: -92.994
- YUV
- Y: 119.287, U: -42.953, V: -104.653
- マンセルカラーシステム
- 10GY 6/12 ΔE = 9.180
- ブランドカラー
- ASDA ΔE = 2.949