#012c27
十六進の色コード十六進の色コード#012c27
シアン色のとても暗い色合いです。光の三原色RGBにおいて色モデル#012c27
は0.39%の赤色、17.25%の绿色、15.29%の青色でできている。HSLで色彩空間#012c27
は173.02度の色調、95.56%の彩度、8.82%の明るさを有している。この色は約511 nmの波長である。
#012c27
情報反転
#fed3d8 25% 飽和度
#002c27 濃淡階調
#161616
25% 明るく
#013630 オリジナル
#012c27 25% 暗く
#00211d
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#062622 ウェブセーフ:black
#000000
rgb(1, 44, 39)
rgba(1, 44, 39, 1.0)
赤色:0.3922%、黄色:9.344%、青色:17.2549%
#012c27
76839
-16700377 / 0xff012c27
hsl(173, 96%, 9%)
hsla(173, 96%, 9%, 1.0)
色調:173(173.0233)、彩度:98(97.7273)、値:17(17.2549)
X:1.2794、Y:1.9543、Z:2.2292
x:0.2342、y:0.3577、Y:1.9543
L:15.2456、a:-15.7395、b:-0.842
L:15.2456、u:-12.0046、v:0.6824
L:15.2456、C:15.762、H:183.0621
L:13.9796、a:-8.1281、b:0.3311
シアン色:98(0.9773)、マゼンタ色:0(0)、黄色:11(0.1136)、黒色:83(0.8275)
シアン色:100(0.9961)、マゼンタ色:83(0.8275)、黄色:85(0.8471)
Y:30.573、I:-24.0095、Q:-10.6483
Y:30.573、U:4.147、V:-25.945
Y:30.573、Db:12.685、Dr:56.234
Y:42.255、Cb:132.169、Cr:109.478
Y:34.481、Pb:2.445、Pr:-21.27
10G 2/4近似、完全一致:Munsell 10G 2/4 / #0c3732
#012c27
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#012c27
黒まで#012c27
白まで#012c27
前景
<p style="color: #012c27">#012c27前景</p>
#012c27
背景
<p style="background-color: #012c27; color: #fff">#012c27背景</p>
#012c27
境界
<p style="border: #012c27 3px solid">#012c27境界</p>
#012c27
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #012c27, #fff); background: -webkit-radial-gradient(50% 50%, #012c27, #fff); background: -o-radial-gradient(50% 50%, #012c27, #fff); background: -ms-radial-gradient(50% 50%, #012c27, #fff); background: radial-gradient(50% 50%, #012c27, #fff); color: #fff">#012c27放射状グラデーション</p>
#012c27
を補足するための#2c0005
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #012c27, #2c0005); background: -webkit-linear-gradient(top, #012c27, #2c0005); background: -o-linear-gradient(top, #012c27, #2c0005); background: -ms-linear-gradient(top, #012c27, #2c0005); background: linear-gradient(top, #012c27, #2c0005); color: #fff">
#012c27
を補足するための#2c0005
線上グラデーション</p>
#012c27
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #012c27">#012c27テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#012c27
に関連している順番で並べらられている。関連は、十六進法の色#012c27
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: