#023a2c
十六進の色コード十六進の色コード#023a2c
青シアン色のとても暗い色合いです。光の三原色RGBにおいて色モデル#023a2c
は0.78%の赤色、22.75%の绿色、17.25%の青色でできている。HSLで色彩空間#023a2c
は165度の色調、93.33%の彩度、11.76%の明るさを有している。この色は約516 nmの波長である。
#023a2c
情報反転
#fdc5d3 25% 飽和度
#003b2c 濃淡階調
#1d1d1d
25% 明るく
#024837 オリジナル
#023a2c 25% 暗く
#012b20
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#093228 ウェブセーフ:teal
#008080
rgb(2, 58, 44)
rgba(2, 58, 44, 1.0)
赤色:0.7843%、黄色:13.3333%、青色:22.7451%
#023a2c
145964
-16631252 / 0xff023a2c
hsl(165, 93%, 12%)
hsla(165, 93%, 12%, 1.0)
色調:165(165)、彩度:97(96.5517)、値:23(22.7451)
X:1.9927、Y:3.2209、Z:2.8995
x:0.2456、y:0.397、Y:3.2209
L:20.9076、a:-21.2136、b:3.9092
L:20.9076、u:-17.0555、v:6.2368
L:20.9076、C:21.5708、H:169.5587
L:17.9468、a:-11.5872、b:2.9837
シアン色:97(0.9655)、マゼンタ色:0(0)、黄色:24(0.2414)、黒色:77(0.7725)
シアン色:99(0.9922)、マゼンタ色:77(0.7725)、黄色:83(0.8275)
Y:39.66、I:-28.8624、Q:-16.1974
Y:39.66、U:2.1359、V:-33.0399
Y:39.66、Db:6.538、Dr:71.61
Y:50.058、Cb:130.142、Cr:104.41
Y:45.064、Pb:-0.56、Pr:-27.356
7.5G 2/6(近似の)
#023a2c
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#023a2c
黒まで#023a2c
白まで#023a2c
前景
<p style="color: #023a2c">#023a2c前景</p>
#023a2c
背景
<p style="background-color: #023a2c; color: #fff">#023a2c背景</p>
#023a2c
境界
<p style="border: #023a2c 3px solid">#023a2c境界</p>
#023a2c
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #023a2c, #fff); background: -webkit-radial-gradient(50% 50%, #023a2c, #fff); background: -o-radial-gradient(50% 50%, #023a2c, #fff); background: -ms-radial-gradient(50% 50%, #023a2c, #fff); background: radial-gradient(50% 50%, #023a2c, #fff); color: #fff">#023a2c放射状グラデーション</p>
#023a2c
を補足するための#39020f
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #023a2c, #39020f); background: -webkit-linear-gradient(top, #023a2c, #39020f); background: -o-linear-gradient(top, #023a2c, #39020f); background: -ms-linear-gradient(top, #023a2c, #39020f); background: linear-gradient(top, #023a2c, #39020f); color: #fff">
#023a2c
を補足するための#39020f
線上グラデーション</p>
#023a2c
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #023a2c">#023a2cテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#023a2c
に関連している順番で並べらられている。関連は、十六進法の色#023a2c
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: