#01334c
十六進の色コード十六進の色コード#01334c
シアン色の暗い色合いです。光の三原色RGBにおいて色モデル#01334c
は0.39%の赤色、20%の绿色、29.8%の青色でできている。HSLで色彩空間#01334c
は200度の色調、97.4%の彩度、15.1%の明るさを有している。この色は約494 nmの波長である。
#01334c
情報反転
#feccb3 25% 飽和度
#00334d 濃淡階調
#262626
25% 明るく
#013f5f オリジナル
#01334c 25% 暗く
#002639
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#0a2f42 ウェブセーフ:navy
#000080
rgb(1, 51, 76)
rgba(1, 51, 76, 1.0)
赤色:0.3922%、黄色:12.1569%、青色:29.8039%
#01334c
78668
-16698548 / 0xff01334c
hsl(200, 97%, 15%)
hsla(200, 97%, 15%, 1.0)
色調:200(200)、彩度:99(98.6842)、値:30(29.8039)
X:2.5009、Y:2.8959、Z:7.2646
x:0.1975、y:0.2287、Y:2.8959
L:19.6221、a:-4.8291、b:-19.7001
L:19.6221、u:-12.7931、v:-21.3114
L:19.6221、C:20.2833、H:256.2265
L:17.0174、a:-3.5483、b:-13.3985
シアン色:99(0.9868)、マゼンタ色:33(0.3289)、黄色:0(0)、黒色:70(0.702)
シアン色:100(0.9961)、マゼンタ色:80(0.8)、黄色:70(0.702)
Y:38.9、I:-37.8174、Q:-2.7944
Y:38.9、U:18.257、V:-33.2502
Y:38.9、Db:55.825、Dr:72.075
Y:49.409、Cb:146.375、Cr:104.275
Y:42.15、Pb:18.25、Pr:-26.15
7.5B 2/4近似、完全一致:Munsell 7.5B 2/4 / #0a344b
#01334c
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#01334c
黒まで#01334c
白まで#01334c
前景
<p style="color: #01334c">#01334c前景</p>
#01334c
背景
<p style="background-color: #01334c; color: #fff">#01334c背景</p>
#01334c
境界
<p style="border: #01334c 3px solid">#01334c境界</p>
#01334c
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #01334c, #fff); background: -webkit-radial-gradient(50% 50%, #01334c, #fff); background: -o-radial-gradient(50% 50%, #01334c, #fff); background: -ms-radial-gradient(50% 50%, #01334c, #fff); background: radial-gradient(50% 50%, #01334c, #fff); color: #fff">#01334c放射状グラデーション</p>
#01334c
を補足するための#4c1900
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #01334c, #4c1900); background: -webkit-linear-gradient(top, #01334c, #4c1900); background: -o-linear-gradient(top, #01334c, #4c1900); background: -ms-linear-gradient(top, #01334c, #4c1900); background: linear-gradient(top, #01334c, #4c1900); color: #fff">
#01334c
を補足するための#4c1900
線上グラデーション</p>
#01334c
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #01334c">#01334cテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#01334c
に関連している順番で並べらられている。関連は、十六進法の色#01334c
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: