#012e24
十六進の色コード十六進の色コード#012e24
青シアン色のとても暗い色合いです。光の三原色RGBにおいて色モデル#012e24
は0.39%の赤色、18.04%の绿色、14.12%の青色でできている。HSLで色彩空間#012e24
は166.67度の色調、95.74%の彩度、9.22%の明るさを有している。この色は約515 nmの波長である。
#012e24
情報反転
#fed1db 25% 飽和度
#002f24 濃淡階調
#171717
25% 明るく
#01392c オリジナル
#012e24 25% 暗く
#00221a
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#062820 ウェブセーフ:black
#000000
rgb(1, 46, 36)
rgba(1, 46, 36, 1.0)
赤色:0.3922%、黄色:10.3186%、青色:18.0392%
#012e24
77348
-16699868 / 0xff012e24
hsl(167, 96%, 9%)
hsla(167, 96%, 9%, 1.0)
色調:167(166.6667)、彩度:98(97.8261)、値:18(18.0392)
X:1.3079、Y:2.0878、Z:2.0031
x:0.2423、y:0.3867、Y:2.0878
L:15.9415、a:-17.8613、b:2.2742
L:15.9415、u:-12.9364、v:3.7355
L:15.9415、C:18.0055、H:172.7437
L:14.4493、a:-9.1284、b:1.8951
シアン色:98(0.9783)、マゼンタ色:0(0)、黄色:22(0.2174)、黒色:82(0.8196)
シアン色:100(0.9961)、マゼンタ色:82(0.8196)、黄色:86(0.8588)
Y:31.405、I:-23.5946、Q:-12.6269
Y:31.405、U:2.2613、V:-26.6749
Y:31.405、Db:6.92、Dr:57.815
Y:42.969、Cb:130.27、Cr:108.955
Y:35.695、Pb:0.175、Pr:-22.04
7.5G 2/4近似、完全一致:Munsell 7.5G 2/4 / #10372e
#012e24
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#012e24
黒まで#012e24
白まで#012e24
前景
<p style="color: #012e24">#012e24前景</p>
#012e24
背景
<p style="background-color: #012e24; color: #fff">#012e24背景</p>
#012e24
境界
<p style="border: #012e24 3px solid">#012e24境界</p>
#012e24
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #012e24, #fff); background: -webkit-radial-gradient(50% 50%, #012e24, #fff); background: -o-radial-gradient(50% 50%, #012e24, #fff); background: -ms-radial-gradient(50% 50%, #012e24, #fff); background: radial-gradient(50% 50%, #012e24, #fff); color: #fff">#012e24放射状グラデーション</p>
#012e24
を補足するための#2e010b
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #012e24, #2e010b); background: -webkit-linear-gradient(top, #012e24, #2e010b); background: -o-linear-gradient(top, #012e24, #2e010b); background: -ms-linear-gradient(top, #012e24, #2e010b); background: linear-gradient(top, #012e24, #2e010b); color: #fff">
#012e24
を補足するための#2e010b
線上グラデーション</p>
#012e24
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #012e24">#012e24テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#012e24
に関連している順番で並べらられている。関連は、十六進法の色#012e24
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: