#01362f
十六進の色コード十六進の色コード#01362f
シアン色のとても暗い色合いです。光の三原色RGBにおいて色モデル#01362f
は0.39%の赤色、21.18%の绿色、18.43%の青色でできている。HSLで色彩空間#01362f
は172.08度の色調、96.36%の彩度、10.78%の明るさを有している。この色は約512 nmの波長である。
#01362f
情報反転
#fec9d0 25% 飽和度
#00372f 濃淡階調
#1b1b1b
25% 明るく
#01433a オリジナル
#01362f 25% 暗く
#002823
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#072f2a ウェブセーフ:black
#000000
rgb(1, 54, 47)
rgba(1, 54, 47, 1.0)
赤色:0.3922%、黄色:11.5191%、青色:21.1765%
#01362f
79407
-16697809 / 0xff01362f
hsl(172, 96%, 11%)
hsla(172, 96%, 11%, 1.0)
色調:172(172.0755)、彩度:98(98.1481)、値:21(21.1765)
X:1.8448、Y:2.85、Z:3.1422
x:0.2354、y:0.3637、Y:2.85
L:19.433、a:-18.3575、b:-0.2549
L:19.433、u:-15.4722、v:1.6361
L:19.433、C:18.3592、H:180.7957
L:16.882、a:-10.038、b:0.7819
シアン色:98(0.9815)、マゼンタ色:0(0)、黄色:13(0.1296)、黒色:79(0.7882)
シアン色:100(0.9961)、マゼンタ色:79(0.7882)、黄色:82(0.8157)
Y:37.355、I:-29.3241、Q:-13.3851
Y:37.355、U:4.7464、V:-31.8949
Y:37.355、Db:14.519、Dr:69.13
Y:48.079、Cb:132.771、Cr:105.23
Y:42.207、Pb:2.595、Pr:-26.178
10G 2/4近似、完全一致:Munsell 10G 2/4 / #0c3732
#01362f
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#01362f
黒まで#01362f
白まで#01362f
前景
<p style="color: #01362f">#01362f前景</p>
#01362f
背景
<p style="background-color: #01362f; color: #fff">#01362f背景</p>
#01362f
境界
<p style="border: #01362f 3px solid">#01362f境界</p>
#01362f
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #01362f, #fff); background: -webkit-radial-gradient(50% 50%, #01362f, #fff); background: -o-radial-gradient(50% 50%, #01362f, #fff); background: -ms-radial-gradient(50% 50%, #01362f, #fff); background: radial-gradient(50% 50%, #01362f, #fff); color: #fff">#01362f放射状グラデーション</p>
#01362f
を補足するための#360107
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #01362f, #360107); background: -webkit-linear-gradient(top, #01362f, #360107); background: -o-linear-gradient(top, #01362f, #360107); background: -ms-linear-gradient(top, #01362f, #360107); background: linear-gradient(top, #01362f, #360107); color: #fff">
#01362f
を補足するための#360107
線上グラデーション</p>
#01362f
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #01362f">#01362fテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#01362f
に関連している順番で並べらられている。関連は、十六進法の色#01362f
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: