#a3a5e5
十六進の色コード十六進の色コード#a3a5e5
青色の明るい色合いです。光の三原色RGBにおいて色モデル#a3a5e5
は63.92%の赤色、64.71%の绿色、89.8%の青色でできている。HSLで色彩空間#a3a5e5
は238.18度の色調、55.93%の彩度、76.86%の明るさを有している。この色は約470 nmの波長である。
#a3a5e5
情報反転
#5c5a1a 25% 飽和度
#9a9ded 濃淡階調
#c3c3c3
rgb(163, 165, 229)
rgba(163, 165, 229, 1.0)
赤色:63.9216%、黄色:64.6828%、青色:89.8039%
#a3a5e5
10724837
-6052379 / 0xffa3a5e5
hsl(238, 56%, 77%)
hsla(238, 56%, 77%, 1.0)
色調:238(238.1818)、彩度:29(28.821)、値:90(89.8039)
X:42.7022、Y:40.3539、Z:79.6672
x:0.2624、y:0.248、Y:40.3539
L:69.7209、a:13.4623、b:-32.4254
L:69.7209、u:-4.7796、v:-53.3749
L:69.7209、C:35.109、H:292.5471
L:63.5248、a:8.8219、b:-29.889
シアン色:29(0.2882)、マゼンタ色:28(0.2795)、黄色:0(0)、黒色:10(0.102)
シアン色:36(0.3608)、マゼンタ色:35(0.3529)、黄色:10(0.102)
Y:171.698、I:-21.7523、Q:19.4897
Y:171.698、U:28.1999、V:-7.6306
Y:171.698、Db:86.212、Dr:16.554
Y:163.493、Cb:156.392、Cr:122.578
Y:169.182、Pb:32.23、Pr:-3.944
7.5PB 7/8近似、完全一致:Munsell 7.5PB 7/8 / #a1aaf1
#a3a5e5
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#a3a5e5
黒まで#a3a5e5
白まで#a3a5e5
前景
<p style="color: #a3a5e5; background-color: #000">#a3a5e5前景</p>
#a3a5e5
背景
<p style="background-color: #a3a5e5">#a3a5e5背景</p>
#a3a5e5
境界
<p style="border: #a3a5e5 3px solid">#a3a5e5境界</p>
#a3a5e5
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #a3a5e5, #fff); background: -webkit-radial-gradient(50% 50%, #a3a5e5, #fff); background: -o-radial-gradient(50% 50%, #a3a5e5, #fff); background: -ms-radial-gradient(50% 50%, #a3a5e5, #fff); background: radial-gradient(50% 50%, #a3a5e5, #fff)">#a3a5e5放射状グラデーション</p>
#a3a5e5
を補足するための#e4e2a3
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #a3a5e5, #e4e2a3); background: -webkit-linear-gradient(top, #a3a5e5, #e4e2a3); background: -o-linear-gradient(top, #a3a5e5, #e4e2a3); background: -ms-linear-gradient(top, #a3a5e5, #e4e2a3); background: linear-gradient(top, #a3a5e5, #e4e2a3); color: #000">
#a3a5e5
を補足するための#e4e2a3
線上グラデーション</p>
#a3a5e5
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #a3a5e5">#a3a5e5テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#a3a5e5
に関連している順番で並べらられている。関連は、十六進法の色#a3a5e5
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: