
HTML&CSS例
#00c63e前景
悪因悪果。
<p style="color: #00c63e">…</p>
#00c63e背景
二兎を追う者は一兎をも得ず。
<p style="background-color: #00c63e">…</p>
#00c63eテキストに影をつける
案ずるより産むが易し。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c63e">…</p>
色空間変換
- 十進
- 50750
- 二進法
- 00000000, 11000110, 00111110
- 十六進法
- #00c63e
- LRV
- ≈ 40.7%
- 最も近い短い16進数
- #0c4 ΔE = 2.018
- RGB
- rgb(0, 198, 62)
- RGBA
- rgba(0, 198, 62, 1.0)
- rg色度
- r: 0.000, g: 0.762, b: 0.238
- RYB
- 赤色: 0.000%, 黄色: 59.131%, 青色: 77.647%
- Android/android.graphics.Color
- -16726466/0xff00c63e
- HSL
- hsl(139, 100%, 39%)
- HSLA
- hsla(139, 100%, 39%, 1.0)
- HSV/HSB
- 色相: 139° (138.788), 飽和: 100% (1.000), 値: 78% (0.776)
- HSP
- 色相: 138.788, 飽和: 100.000%, 知覚される明るさ: 60.054%
- HSLuv(HUSL)
- H: 130.980, S: 100.019, L: 69.989
- Cubehelix
- H: -233.470, S: 1.232, L: 0.485
- TSL
- T: -0.789, S: 0.728, L: 0.484
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 69% (0.687), キー・プレート: 22% (0.224)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 22% (0.224), 黄色: 76% (0.757)
- XYZ
- X: 21.062, Y: 40.733, Z: 11.309
- xyY
- x: 0.288, y: 0.557, Y: 40.733
- Lab色空間
- L: 69.989, a: -68.072, b: 54.245
- CIELuv
- L: 69.989, u: -64.908, v: 74.720
- CIELCH/LCHab
- L: 69.989, C: 87.042, H: 141.450
- CIELUV/LCHuv
- L: 69.989, C: 98.976, H: 130.980
- Hunter-Lab
- L: 63.823, a: -52.783, b: 34.170
- CIECAM02
- J: 58.815, C: 78.229, h: 140.969, Q: 151.096, M: 68.410, s: 67.288, H: 175.772
- OSA-UCS
- 明度: -9.521, 黄色: 7.846, 緑色: 9.150
- LMS
- L: 31.097, M: 54.394, S: 11.738
- YCbCr
- Y: 121.868, Cb: 97.600, Cr: 50.734
- YCoCg
- Y: 114.500, Cg: 83.500, Co: -15.500
- YDbDr
- Y: 123.294, Db: -92.188, Dr: 234.422
- YPbPr
- Y: 146.034, Pb: -45.230, Pr: -92.744
- xvYCC
- Y: 141.417, Cb: 88.269, Cr: 46.531
- YIQ
- Y: 123.294, I: -74.260, Q: -84.183
- YUV
- Y: 123.294, U: -30.162, V: -108.169
- マンセルカラーシステム
- 10GY 7/10 ΔE = 8.490
- ブランドカラー
- ASDA ΔE = 3.493