#56a83f
十六進の色コード十六進の色コード#56a83f
緑色の色合いです。光の三原色RGBにおいて色モデル#56a83f
は33.73%の赤色、65.88%の绿色、24.71%の青色でできている。HSLで色彩空間#56a83f
は106.86度の色調、45.45%の彩度、45.29%の明るさを有している。この色は約553 nmの波長である。Opaltone / OMS 5524はペイントカラーに調和している。
#56a83f
情報反転
#a957c0 25% 飽和度
#4eb531 濃淡階調
#737373
rgb(86, 168, 63)
rgba(86, 168, 63, 1.0)
赤色:24.7059%、黄色:65.8824%、青色:56.8627%
#56a83f
5679167
-11098049 / 0xff56a83f
hsl(107, 45%, 45%)
hsla(107, 45%, 45%, 1.0)
色調:107(106.8571)、彩度:63(62.5)、値:66(65.8824)
X:18.7376、Y:30.3426、Z:9.5718
x:0.3195、y:0.5173、Y:30.3426
L:61.9487、a:-44.9843、b:45.4659
L:61.9487、u:-39.2294、v:60.4112
L:61.9487、C:63.9589、H:134.695
L:55.0841、a:-35.678、b:28.2563
シアン色:49(0.4881)、マゼンタ色:0(0)、黄色:63(0.625)、黒色:34(0.3412)
シアン色:66(0.6627)、マゼンタ色:34(0.3412)、黄色:75(0.7529)
Y:131.512、I:-15.1161、Q:-50.0086
Y:131.512、U:-33.7137、V:-39.9289
Y:131.512、Db:-103.065、Dr:86.521
Y:128.948、Cb:94.041、Cr:99.457
Y:142.974、Pb:-43.07、Pr:-36.17
10GY 6/10近似、完全一致:Munsell 10GY 6/10 / #52a74d
#56a83f
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#56a83f
黒まで#56a83f
白まで#56a83f
前景
<p style="color: #56a83f; background-color: #000">#56a83f前景</p>
#56a83f
背景
<p style="background-color: #56a83f">#56a83f背景</p>
#56a83f
境界
<p style="border: #56a83f 3px solid">#56a83f境界</p>
#56a83f
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #56a83f, #fff); background: -webkit-radial-gradient(50% 50%, #56a83f, #fff); background: -o-radial-gradient(50% 50%, #56a83f, #fff); background: -ms-radial-gradient(50% 50%, #56a83f, #fff); background: radial-gradient(50% 50%, #56a83f, #fff)">#56a83f放射状グラデーション</p>
#56a83f
を補足するための#913fa8
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #56a83f, #913fa8); background: -webkit-linear-gradient(top, #56a83f, #913fa8); background: -o-linear-gradient(top, #56a83f, #913fa8); background: -ms-linear-gradient(top, #56a83f, #913fa8); background: linear-gradient(top, #56a83f, #913fa8); color: #000">
#56a83f
を補足するための#913fa8
線上グラデーション</p>
#56a83f
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #56a83f">#56a83fテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#56a83f
に関連している順番で並べらられている。関連は、十六進法の色#56a83f
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: