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