
HTML&CSS例
#50af38前景
二兎を追う者は一兎をも得ず。
<p style="color: #50af38">…</p>
#50af38背景
覆水盆に帰らず。
<p style="background-color: #50af38">…</p>
#50af38テキストに影をつける
虎穴に入らずんば虎子を得ず。
<p style="text-shadow: 0.1em 0.1em 0.15em #50af38">…</p>
色空間変換
- 十進
- 5287736
- 二進法
- 01010000, 10101111, 00111000
- 十六進法
- #50af38
- LRV
- ≈ 32.6%
- 最も近い短い16進数
- #5a3 ΔE = 1.934
- RGB
- rgb(80, 175, 56)
- RGBA
- rgba(80, 175, 56, 1.0)
- rg色度
- r: 0.257, g: 0.563, b: 0.180
- RYB
- 赤色: 21.961%, 黄色: 68.627%, 青色: 59.216%
- Android/android.graphics.Color
- -11489480/0xff50af38
- HSL
- hsl(108, 52%, 45%)
- HSLA
- hsla(108, 52%, 45%, 1.0)
- HSV/HSB
- 色相: 108° (107.899), 飽和: 68% (0.680), 値: 69% (0.686)
- HSP
- 色相: 107.899, 飽和: 68.000%, 知覚される明るさ: 55.802%
- HSLuv(HUSL)
- H: 123.852, S: 85.808, L: 63.876
- Cubehelix
- H: -259.738, S: 0.808, L: 0.523
- TSL
- T: -0.253, S: 0.324, L: 0.522
- CMYK
- シアン色: 54% (0.543), マゼンタ色: 0% (0.000), 黄色: 68% (0.680), キー・プレート: 31% (0.314)
- CMY
- シアン色: 69% (0.686), マゼンタ色: 31% (0.314), 黄色: 78% (0.780)
- XYZ
- X: 19.351, Y: 32.649, Z: 9.023
- xyY
- x: 0.317, y: 0.535, Y: 32.649
- Lab色空間
- L: 63.876, a: -50.149, b: 50.522
- CIELuv
- L: 63.876, u: -44.402, v: 66.196
- CIELCH/LCHab
- L: 63.876, C: 71.186, H: 134.788
- CIELUV/LCHuv
- L: 63.876, C: 79.708, H: 123.852
- Hunter-Lab
- L: 57.140, a: -39.543, b: 30.635
- CIECAM02
- J: 52.605, C: 65.492, h: 134.983, Q: 142.898, M: 57.272, s: 63.308, H: 168.708
- OSA-UCS
- 明度: -9.621, 黄色: 7.303, 緑色: 6.968
- LMS
- L: 26.741, M: 41.862, S: 9.375
- YCbCr
- Y: 130.248, Cb: 89.819, Cr: 94.744
- YCoCg
- Y: 121.500, Cg: 53.500, Co: 26.000
- YDbDr
- Y: 133.029, Db: -115.877, Dr: 100.812
- YPbPr
- Y: 146.197, Pb: -48.575, Pr: -42.026
- xvYCC
- Y: 141.557, Cb: 85.330, Cr: 91.083
- YIQ
- Y: 133.029, I: -18.363, Q: -57.113
- YUV
- Y: 133.029, U: -37.905, V: -46.524
- マンセルカラーシステム
- 10GY 6/12 ΔE = 1.840
- ブランドカラー
- Trulia ΔE = 4.132