#00415c
十六進の色コード十六進の色コード#00415c
シアン色の暗い色合いです。光の三原色RGBにおいて色モデル#00415c
は0%の赤色、25.49%の绿色、36.08%の青色でできている。HSLで色彩空間#00415c
は197.61度の色調、100%の彩度、18.04%の明るさを有している。この色は約496 nmの波長である。
#00415c
情報反転
#ffbea3 25% 飽和度
#00405c 濃淡階調
#2e2e2e
25% 明るく
#005172 オリジナル
#00415c 25% 暗く
#003045
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#0b3c50 ウェブセーフ:blue
#0000ff
rgb(0, 65, 92)
rgba(0, 65, 92, 1.0)
赤色:0%、黄色:14.9369%、青色:36.0784%
#00415c
16732
-16760484 / 0xff00415c
hsl(198, 100%, 18%)
hsla(198, 100%, 18%, 1.0)
色調:198(197.6087)、彩度:100(100)、値:36(36.0784)
X:3.8221、Y:4.5533、Z:10.8026
x:0.1993、y:0.2374、Y:4.5533
L:25.4222、a:-7.2444、b:-21.1701
L:25.4222、u:-17.0473、v:-25.2152
L:25.4222、C:22.3753、H:251.109
L:21.3385、a:-5.3701、b:-15.0788
シアン色:100(1)、マゼンタ色:29(0.2935)、黄色:0(0)、黒色:64(0.6392)
シアン色:100(1)、マゼンタ色:75(0.7451)、黄色:64(0.6392)
Y:48.643、I:-47.3956、Q:-5.344
Y:48.643、U:21.3361、V:-42.6753
Y:48.643、Db:65.241、Dr:92.504
Y:57.776、Cb:149.473、Cr:97.548
Y:53.099、Pb:20.975、Pr:-33.742
7.5B 3/4近似、完全一致:Munsell 7.5B 3/4 / #214c66
#00415c
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#00415c
黒まで#00415c
白まで#00415c
前景
<p style="color: #00415c">#00415c前景</p>
#00415c
背景
<p style="background-color: #00415c; color: #fff">#00415c背景</p>
#00415c
境界
<p style="border: #00415c 3px solid">#00415c境界</p>
#00415c
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00415c, #fff); background: -webkit-radial-gradient(50% 50%, #00415c, #fff); background: -o-radial-gradient(50% 50%, #00415c, #fff); background: -ms-radial-gradient(50% 50%, #00415c, #fff); background: radial-gradient(50% 50%, #00415c, #fff); color: #fff">#00415c放射状グラデーション</p>
#00415c
を補足するための#5c1a00
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00415c, #5c1a00); background: -webkit-linear-gradient(top, #00415c, #5c1a00); background: -o-linear-gradient(top, #00415c, #5c1a00); background: -ms-linear-gradient(top, #00415c, #5c1a00); background: linear-gradient(top, #00415c, #5c1a00); color: #fff">
#00415c
を補足するための#5c1a00
線上グラデーション</p>
#00415c
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #00415c">#00415cテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#00415c
に関連している順番で並べらられている。関連は、十六進法の色#00415c
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: