#024d3e
十六進の色コード十六進の色コード#024d3e
青シアン色の暗い色合いです。光の三原色RGBにおいて色モデル#024d3e
は0.78%の赤色、30.2%の绿色、24.31%の青色でできている。HSLで色彩空間#024d3e
は168度の色調、94.94%の彩度、15.49%の明るさを有している。この色は約514 nmの波長である。
#024d3e
情報反転
#fdb2c1 25% 飽和度
#004f3f 濃淡階調
#272727
25% 明るく
#02604d オリジナル
#024d3e 25% 暗く
#01392e
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#0b4338 ウェブセーフ:teal
#008080
rgb(2, 77, 62)
rgba(2, 77, 62, 1.0)
赤色:0.7843%、黄色:17.1242%、青色:30.1961%
#024d3e
150846
-16626370 / 0xff024d3e
hsl(168, 95%, 15%)
hsla(168, 95%, 15%, 1.0)
色調:168(168)、彩度:97(97.4026)、値:30(30.1961)
X:3.5484、Y:5.6685、Z:5.4645
x:0.2417、y:0.3861、Y:5.6685
L:28.5601、a:-24.9597、b:3.0553
L:28.5601、u:-23.2504、v:6.5626
L:28.5601、C:25.146、H:173.0211
L:23.8085、a:-15.0614、b:3.0577
シアン色:97(0.974)、マゼンタ色:0(0)、黄色:19(0.1948)、黒色:70(0.698)
シアン色:99(0.9922)、マゼンタ色:70(0.698)、黄色:76(0.7569)
Y:52.865、I:-39.8598、Q:-20.5262
Y:52.865、U:4.4955、V:-44.6248
Y:52.865、Db:13.755、Dr:96.72
Y:61.398、Cb:132.515、Cr:96.14
Y:59.945、Pb:1.125、Pr:-36.81
7.5G 3/6(近似の)
#024d3e
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#024d3e
黒まで#024d3e
白まで#024d3e
前景
<p style="color: #024d3e">#024d3e前景</p>
#024d3e
背景
<p style="background-color: #024d3e; color: #fff">#024d3e背景</p>
#024d3e
境界
<p style="border: #024d3e 3px solid">#024d3e境界</p>
#024d3e
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #024d3e, #fff); background: -webkit-radial-gradient(50% 50%, #024d3e, #fff); background: -o-radial-gradient(50% 50%, #024d3e, #fff); background: -ms-radial-gradient(50% 50%, #024d3e, #fff); background: radial-gradient(50% 50%, #024d3e, #fff); color: #fff">#024d3e放射状グラデーション</p>
#024d3e
を補足するための#4d0211
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #024d3e, #4d0211); background: -webkit-linear-gradient(top, #024d3e, #4d0211); background: -o-linear-gradient(top, #024d3e, #4d0211); background: -ms-linear-gradient(top, #024d3e, #4d0211); background: linear-gradient(top, #024d3e, #4d0211); color: #fff">
#024d3e
を補足するための#4d0211
線上グラデーション</p>
#024d3e
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #024d3e">#024d3eテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#024d3e
に関連している順番で並べらられている。関連は、十六進法の色#024d3e
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: