#012e2b
十六進の色コード十六進の色コード#012e2b
シアン色のとても暗い色合いです。光の三原色RGBにおいて色モデル#012e2b
は0.39%の赤色、18.04%の绿色、16.86%の青色でできている。HSLで色彩空間#012e2b
は176度の色調、95.74%の彩度、9.22%の明るさを有している。この色は約509 nmの波長である。
#012e2b
情報反転
#fed1d4 25% 飽和度
#002f2b 濃淡階調
#171717
25% 明るく
#013935 オリジナル
#012e2b 25% 暗く
#002220
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#062826 ウェブセーフ:black
#000000
rgb(1, 46, 43)
rgba(1, 46, 43, 1.0)
赤色:0.3922%、黄色:9.5199%、青色:18.0392%
#012e2b
77355
-16699861 / 0xff012e2b
hsl(176, 96%, 9%)
hsla(176, 96%, 9%, 1.0)
色調:176(176)、彩度:98(97.8261)、値:18(18.0392)
X:1.4256、Y:2.1349、Z:2.6224
x:0.2306、y:0.3453、Y:2.1349
L:16.1796、a:-15.399、b:-2.2758
L:16.1796、u:-12.5831、v:-0.692
L:16.1796、C:15.5662、H:188.4067
L:14.6112、a:-8.1539、b:-0.4136
シアン色:98(0.9783)、マゼンタ色:0(0)、黄色:7(0.0652)、黒色:82(0.8196)
シアン色:100(0.9961)、マゼンタ色:82(0.8196)、黄色:83(0.8314)
Y:32.203、I:-25.8434、Q:-10.4489
Y:32.203、U:5.3133、V:-27.375
Y:32.203、Db:16.251、Dr:59.334
Y:43.655、Cb:133.343、Cr:108.458
Y:36.199、Pb:3.675、Pr:-22.362
2.5BG 2/4近似、完全一致:Munsell 2.5BG 2/4 / #083735
#012e2b
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#012e2b
黒まで#012e2b
白まで#012e2b
前景
<p style="color: #012e2b">#012e2b前景</p>
#012e2b
背景
<p style="background-color: #012e2b; color: #fff">#012e2b背景</p>
#012e2b
境界
<p style="border: #012e2b 3px solid">#012e2b境界</p>
#012e2b
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #012e2b, #fff); background: -webkit-radial-gradient(50% 50%, #012e2b, #fff); background: -o-radial-gradient(50% 50%, #012e2b, #fff); background: -ms-radial-gradient(50% 50%, #012e2b, #fff); background: radial-gradient(50% 50%, #012e2b, #fff); color: #fff">#012e2b放射状グラデーション</p>
#012e2b
を補足するための#2e0103
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #012e2b, #2e0103); background: -webkit-linear-gradient(top, #012e2b, #2e0103); background: -o-linear-gradient(top, #012e2b, #2e0103); background: -ms-linear-gradient(top, #012e2b, #2e0103); background: linear-gradient(top, #012e2b, #2e0103); color: #fff">
#012e2b
を補足するための#2e0103
線上グラデーション</p>
#012e2b
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #012e2b">#012e2bテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#012e2b
に関連している順番で並べらられている。関連は、十六進法の色#012e2b
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: