色見本
RGB
CMYK
RYB
#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の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：