色見本
RGB
CMYK
RYB
#6c65a0十六進の色コード十六進の色コード#6c65a0青マゼンタ色の色合いです。光の三原色RGBにおいて色モデル#6c65a0は42.35%の赤色、39.61%の绿色、62.75%の青色でできている。HSLで色彩空間#6c65a0は247.12度の色調、23.69%の彩度、51.18%の明るさを有している。この色は約464 nmの波長である。Brillux 51.18.24はペイントカラーに調和している。
#6c65a0情報反転
#939a5f 25% 飽和度
#665da7 濃淡階調
#828282
rgb(108, 101, 160)
rgba(108, 101, 160, 1.0)
赤色：42.3529%、黄色：39.6078%、青色：62.7451%
#6c65a0
7103904
-9673312 / 0xff6c65a0
hsl(247, 24%, 51%)
hsla(247, 24%, 51%, 1.0)
色調：247（247.1186）、彩度：37（36.875）、値：63（62.7451）
X：17.1832、Y：15.0336、Z：35.2538
x：0.2547、y：0.2228、Y：15.0336
L：45.6801、a：16.8585、b：-30.9891
L：45.6801、u：-0.348、v：-47.5294
L：45.6801、C：35.278、H：298.5468
L：38.7731、a：11.2532、b：-26.7672
シアン色：32（0.325）、マゼンタ色：37（0.3688）、黄色：0（0）、黒色：37（0.3725）
シアン色：58（0.5765）、マゼンタ色：60（0.6039）、黄色：37（0.3725）
Y：109.819、I：-14.7845、Q：19.8372
Y：109.819、U：24.6951、V：-1.5956
Y：109.819、Db：75.497、Dr：3.472
Y：110.34、Cb：152.865、Cr：126.884
Y：106.739、Pb：28.695、Pr：0.786
10PB 4/6近似、完全一致：Munsell 10PB 4/6 / #64598d
#6c65a0配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#6c65a0黒まで#6c65a0白まで#6c65a0前景
<p style="color: #6c65a0">#6c65a0前景</p>
#6c65a0背景
<p style="background-color: #6c65a0; color: #fff">#6c65a0背景</p>
#6c65a0境界
<p style="border: #6c65a0 3px solid">#6c65a0境界</p>
#6c65a0放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #6c65a0, #fff); background: -webkit-radial-gradient(50% 50%, #6c65a0, #fff); background: -o-radial-gradient(50% 50%, #6c65a0, #fff); background: -ms-radial-gradient(50% 50%, #6c65a0, #fff); background: radial-gradient(50% 50%, #6c65a0, #fff); color: #fff">#6c65a0放射状グラデーション</p>
#6c65a0を補足するための#99a064線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #6c65a0, #99a064); background: -webkit-linear-gradient(top, #6c65a0, #99a064); background: -o-linear-gradient(top, #6c65a0, #99a064); background: -ms-linear-gradient(top, #6c65a0, #99a064); background: linear-gradient(top, #6c65a0, #99a064); color: #fff">#6c65a0を補足するための#99a064線上グラデーション</p>
#6c65a0テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #6c65a0">#6c65a0テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#6c65a0に関連している順番で並べらられている。関連は、十六進法の色#6c65a0の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：