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