#023d24
十六進の色コード十六進の色コード#023d24
青シアン色のとても暗い色合いです。光の三原色RGBにおいて色モデル#023d24
は0.78%の赤色、23.92%の绿色、14.12%の青色でできている。HSLで色彩空間#023d24
は154.58度の色調、93.65%の彩度、12.35%の明るさを有している。この色は約523 nmの波長である。
#023d24
情報反転
#fdc2db 25% 飽和度
#003f24 濃淡階調
#1f1f1f
25% 明るく
#024c2d オリジナル
#023d24 25% 暗く
#012d1b
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#093522 ウェブセーフ:green
#008000
rgb(2, 61, 36)
rgba(2, 61, 36, 1.0)
赤色:0.7843%、黄色:15.4628%、青色:23.9216%
#023d24
146724
-16630492 / 0xff023d24
hsl(155, 94%, 12%)
hsla(155, 94%, 12%, 1.0)
色調:155(154.5763)、彩度:97(96.7213)、値:24(23.9216)
X:2.0122、Y:3.4778、Z:2.2343
x:0.2605、y:0.4502、Y:3.4778
L:21.8639、a:-24.8872、b:10.5276
L:21.8639、u:-18.6553、v:13.0106
L:21.8639、C:27.0223、H:157.071
L:18.6488、a:-13.3751、b:5.9507
シアン色:97(0.9672)、マゼンタ色:0(0)、黄色:41(0.4098)、黒色:76(0.7608)
シアン色:99(0.9922)、マゼンタ色:76(0.7608)、黄色:86(0.8588)
Y:40.509、I:-27.1157、Q:-20.2543
Y:40.509、U:-2.2187、V:-33.7847
Y:40.509、Db:-6.775、Dr:73.222
Y:50.786、Cb:125.757、Cr:103.874
Y:46.633、Pb:-5.715、Pr:-28.35
2.5G 2/6(近似の)
#023d24
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#023d24
黒まで#023d24
白まで#023d24
前景
<p style="color: #023d24">#023d24前景</p>
#023d24
背景
<p style="background-color: #023d24; color: #fff">#023d24背景</p>
#023d24
境界
<p style="border: #023d24 3px solid">#023d24境界</p>
#023d24
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #023d24, #fff); background: -webkit-radial-gradient(50% 50%, #023d24, #fff); background: -o-radial-gradient(50% 50%, #023d24, #fff); background: -ms-radial-gradient(50% 50%, #023d24, #fff); background: radial-gradient(50% 50%, #023d24, #fff); color: #fff">#023d24放射状グラデーション</p>
#023d24
を補足するための#3c021a
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #023d24, #3c021a); background: -webkit-linear-gradient(top, #023d24, #3c021a); background: -o-linear-gradient(top, #023d24, #3c021a); background: -ms-linear-gradient(top, #023d24, #3c021a); background: linear-gradient(top, #023d24, #3c021a); color: #fff">
#023d24
を補足するための#3c021a
線上グラデーション</p>
#023d24
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #023d24">#023d24テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#023d24
に関連している順番で並べらられている。関連は、十六進法の色#023d24
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: