色見本
RGB
CMYK
RYB
#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の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：