#aabcf5
十六進の色コード十六進の色コード#aabcf5
青色の明るい色合いです。光の三原色RGBにおいて色モデル#aabcf5
は66.67%の赤色、73.73%の绿色、96.08%の青色でできている。HSLで色彩空間#aabcf5
は225.6度の色調、78.95%の彩度、81.37%の明るさを有している。この色は約478 nmの波長である。
#aabcf5
情報反転
#55430a 25% 飽和度
#a0b7fe 濃淡階調
#cfcfcf
rgb(170, 188, 245)
rgba(170, 188, 245, 1.0)
赤色:66.6667%、黄色:72.3593%、青色:96.0784%
#aabcf5
11189493
-5587723 / 0xffaabcf5
hsl(226, 79%, 81%)
hsla(226, 79%, 81%, 1.0)
色調:226(225.6)、彩度:31(30.6122)、値:96(96.0784)
X:51.0422、Y:51.1051、Z:93.5603
x:0.2608、y:0.2611、Y:51.1051
L:76.7426、a:6.6599、b:-30.2391
L:76.7426、u:-11.9163、v:-49.4401
L:76.7426、C:30.9638、H:282.4206
L:71.4878、a:2.3452、b:-27.5548
シアン色:31(0.3061)、マゼンタ色:23(0.2327)、黄色:0(0)、黒色:4(0.0392)
シアン色:33(0.3333)、マゼンタ色:26(0.2627)、黄色:4(0.0392)
Y:189.116、I:-29.0349、Q:13.9285
Y:189.116、U:27.5022、V:-16.7706
Y:189.116、Db:84.081、Dr:36.363
Y:178.452、Cb:155.687、Cr:116.051
Y:188.27、Pb:30.57、Pr:-11.622
5PB 8/6(近似の)
#aabcf5
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#aabcf5
黒まで#aabcf5
白まで#aabcf5
前景
<p style="color: #aabcf5; background-color: #000">#aabcf5前景</p>
#aabcf5
背景
<p style="background-color: #aabcf5">#aabcf5背景</p>
#aabcf5
境界
<p style="border: #aabcf5 3px solid">#aabcf5境界</p>
#aabcf5
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #aabcf5, #fff); background: -webkit-radial-gradient(50% 50%, #aabcf5, #fff); background: -o-radial-gradient(50% 50%, #aabcf5, #fff); background: -ms-radial-gradient(50% 50%, #aabcf5, #fff); background: radial-gradient(50% 50%, #aabcf5, #fff)">#aabcf5放射状グラデーション</p>
#aabcf5
を補足するための#f5e3a9
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #aabcf5, #f5e3a9); background: -webkit-linear-gradient(top, #aabcf5, #f5e3a9); background: -o-linear-gradient(top, #aabcf5, #f5e3a9); background: -ms-linear-gradient(top, #aabcf5, #f5e3a9); background: linear-gradient(top, #aabcf5, #f5e3a9); color: #000">
#aabcf5
を補足するための#f5e3a9
線上グラデーション</p>
#aabcf5
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #aabcf5">#aabcf5テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#aabcf5
に関連している順番で並べらられている。関連は、十六進法の色#aabcf5
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: