#3acb56
十六進の色コード十六進の色コード#3acb56
緑色の色合いです。光の三原色RGBにおいて色モデル#3acb56
は22.75%の赤色、79.61%の绿色、33.73%の青色でできている。HSLで色彩空間#3acb56
は131.59度の色調、58.23%の彩度、51.18%の明るさを有している。この色は約537 nmの波長である。
#3acb56
情報反転
#c534a9 25% 飽和度
#27dd4a 濃淡階調
#828282
rgb(58, 203, 86)
rgba(58, 203, 86, 1.0)
赤色:22.7451%、黄色:70.4046%、青色:79.6078%
#3acb56
3853142
-12924074 / 0xff3acb56
hsl(132, 58%, 51%)
hsla(132, 58%, 51%, 1.0)
色調:132(131.5862)、彩度:71(71.4286)、値:80(79.6078)
X:24.7806、Y:44.2833、Z:16.0456
x:0.2912、y:0.5203、Y:44.2833
L:72.4174、a:-61.6905、b:46.8039
L:72.4174、u:-59.6638、v:68.0787
L:72.4174、C:77.4359、H:142.8128
L:66.5457、a:-49.9844、b:32.2859
シアン色:71(0.7143)、マゼンタ色:0(0)、黄色:58(0.5764)、黒色:20(0.2039)
シアン色:77(0.7725)、マゼンタ色:20(0.2039)、黄色:66(0.6627)
Y:146.307、I:-48.791、Q:-67.0639
Y:146.307、U:-29.6761、V:-77.4738
Y:146.307、Db:-90.711、Dr:167.896
Y:141.646、Cb:98.097、Cr:72.652
Y:163.691、Pb:-41.825、Pr:-67.118
10GY 7/14近似、完全一致:Munsell 10GY 7/14 / #44c83f
#3acb56
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#3acb56
黒まで#3acb56
白まで#3acb56
前景
<p style="color: #3acb56; background-color: #000">#3acb56前景</p>
#3acb56
背景
<p style="background-color: #3acb56">#3acb56背景</p>
#3acb56
境界
<p style="border: #3acb56 3px solid">#3acb56境界</p>
#3acb56
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #3acb56, #fff); background: -webkit-radial-gradient(50% 50%, #3acb56, #fff); background: -o-radial-gradient(50% 50%, #3acb56, #fff); background: -ms-radial-gradient(50% 50%, #3acb56, #fff); background: radial-gradient(50% 50%, #3acb56, #fff)">#3acb56放射状グラデーション</p>
#3acb56
を補足するための#cb39ae
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #3acb56, #cb39ae); background: -webkit-linear-gradient(top, #3acb56, #cb39ae); background: -o-linear-gradient(top, #3acb56, #cb39ae); background: -ms-linear-gradient(top, #3acb56, #cb39ae); background: linear-gradient(top, #3acb56, #cb39ae); color: #000">
#3acb56
を補足するための#cb39ae
線上グラデーション</p>
#3acb56
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #3acb56">#3acb56テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#3acb56
に関連している順番で並べらられている。関連は、十六進法の色#3acb56
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: