#3d46ff
十六進の色コード十六進の色コード#3d46ff
青色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#3d46ff
は23.92%の赤色、27.45%の绿色、100%の青色でできている。HSLで色彩空間#3d46ff
は237.22度の色調、100%の彩度、61.96%の明るさを有している。この色は約471 nmの波長である。
#3d46ff
情報反転
#c2b900 25% 飽和度
#3d45ff 濃淡階調
#9e9e9e
rgb(61, 70, 255)
rgba(61, 70, 255, 1.0)
赤色:23.9216%、黄色:27.2945%、青色:100%
#3d46ff
4015871
-12761345 / 0xff3d46ff
hsl(237, 100%, 62%)
hsla(237, 100%, 62%, 1.0)
色調:237(237.2165)、彩度:76(76.0784)、値:100(100)
X:22.1646、Y:12.5924、Z:95.8701
x:0.1697、y:0.0964、Y:12.5924
L:42.1426、a:57.1443、b:-91.4463
L:42.1426、u:-10.9827、v:-132.0679
L:42.1426、C:107.8328、H:302.001
L:35.4858、a:49.392、b:-135.3406
シアン色:76(0.7608)、マゼンタ色:73(0.7255)、黄色:0(0)、黒色:0(0)
シアン色:76(0.7608)、マゼンタ色:73(0.7255)、黄色:0(0)
Y:88.399、I:-64.7951、Q:55.6569
Y:88.399、U:81.9849、V:-24.0368
Y:88.399、Db:250.655、Dr:52.142
Y:91.947、Cb:210.547、Cr:110.914
Y:81.403、Pb:93.535、Pr:-13.01
7.5PB 4/22近似、完全一致:Munsell 7.5PB 4/22 / #3e44f7
#3d46ff
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#3d46ff
黒まで#3d46ff
白まで#3d46ff
前景
<p style="color: #3d46ff">#3d46ff前景</p>
#3d46ff
背景
<p style="background-color: #3d46ff; color: #fff">#3d46ff背景</p>
#3d46ff
境界
<p style="border: #3d46ff 3px solid">#3d46ff境界</p>
#3d46ff
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #3d46ff, #fff); background: -webkit-radial-gradient(50% 50%, #3d46ff, #fff); background: -o-radial-gradient(50% 50%, #3d46ff, #fff); background: -ms-radial-gradient(50% 50%, #3d46ff, #fff); background: radial-gradient(50% 50%, #3d46ff, #fff); color: #fff">#3d46ff放射状グラデーション</p>
#3d46ff
を補足するための#fff53d
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #3d46ff, #fff53d); background: -webkit-linear-gradient(top, #3d46ff, #fff53d); background: -o-linear-gradient(top, #3d46ff, #fff53d); background: -ms-linear-gradient(top, #3d46ff, #fff53d); background: linear-gradient(top, #3d46ff, #fff53d); color: #fff">
#3d46ff
を補足するための#fff53d
線上グラデーション</p>
#3d46ff
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #3d46ff">#3d46ffテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#3d46ff
に関連している順番で並べらられている。関連は、十六進法の色#3d46ff
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: