
HTML&CSS例
#00c630前景
海千山千。
<p style="color: #00c630">…</p>
#00c630背景
七転び八起き。
<p style="background-color: #00c630">…</p>
#00c630テキストに影をつける
一期一会。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c630">…</p>
色空間変換
- 十進
- 50736
- 二進法
- 00000000, 11000110, 00110000
- 十六進法
- #00c630
- LRV
- ≈ 40.6%
- 最も近い短い16進数
- #0c3 ΔE = 1.977
- RGB
- rgb(0, 198, 48)
- RGBA
- rgba(0, 198, 48, 1.0)
- rg色度
- r: 0.000, g: 0.805, b: 0.195
- RYB
- 赤色: 0.000%, 黄色: 62.496%, 青色: 77.647%
- Android/android.graphics.Color
- -16726480/0xff00c630
- HSL
- hsl(135, 100%, 39%)
- HSLA
- hsla(135, 100%, 39%, 1.0)
- HSV/HSB
- 色相: 135° (134.545), 飽和: 100% (1.000), 値: 78% (0.776)
- HSP
- 色相: 134.545, 飽和: 100.000%, 知覚される明るさ: 59.829%
- HSLuv(HUSL)
- H: 129.675, S: 100.019, L: 69.894
- Cubehelix
- H: -237.673, S: 1.271, L: 0.479
- TSL
- T: -0.717, S: 0.775, L: 0.477
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 76% (0.758), キー・プレート: 22% (0.224)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 22% (0.224), 黄色: 81% (0.812)
- XYZ
- X: 20.726, Y: 40.599, Z: 9.540
- xyY
- x: 0.292, y: 0.573, Y: 40.599
- Lab色空間
- L: 69.894, a: -69.281, b: 59.264
- CIELuv
- L: 69.894, u: -65.337, v: 78.769
- CIELCH/LCHab
- L: 69.894, C: 91.171, H: 139.456
- CIELUV/LCHuv
- L: 69.894, C: 102.340, H: 129.675
- Hunter-Lab
- L: 63.717, a: -53.442, b: 35.725
- CIECAM02
- J: 58.678, C: 82.339, h: 139.201, Q: 150.920, M: 72.004, s: 69.073, H: 173.726
- OSA-UCS
- 明度: -9.476, 黄色: 8.387, 緑色: 9.313
- LMS
- L: 31.080, M: 54.392, S: 9.996
- YCbCr
- Y: 120.496, Cb: 91.454, Cr: 51.728
- YCoCg
- Y: 111.000, Cg: 87.000, Co: -12.000
- YDbDr
- Y: 121.698, Db: -110.850, Dr: 231.384
- YPbPr
- Y: 145.026, Pb: -52.230, Pr: -92.100
- xvYCC
- Y: 140.552, Cb: 82.120, Cr: 47.096
- YIQ
- Y: 121.698, I: -69.762, Q: -88.539
- YUV
- Y: 121.698, U: -36.266, V: -106.768
- マンセルカラーシステム
- 10GY 7/10 ΔE = 8.853
- ブランドカラー
- ASDA ΔE = 2.730