#8edaf0
十六進の色コード十六進の色コード#8edaf0
シアン色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#8edaf0
は55.69%の赤色、85.49%の绿色、94.12%の青色でできている。HSLで色彩空間#8edaf0
は193.47度の色調、76.56%の彩度、74.9%の明るさを有している。この色は約498 nmの波長である。
#8edaf0
情報反転
#71250f 25% 飽和度
#81e0fc 濃淡階調
#bfbfbf
rgb(142, 218, 240)
rgba(142, 218, 240, 1.0)
赤色:55.6863%、黄色:72.4724%、青色:94.1176%
#8edaf0
9362160
-7415056 / 0xff8edaf0
hsl(193, 77%, 75%)
hsla(193, 77%, 75%, 1.0)
色調:193(193.4694)、彩度:41(40.8333)、値:94(94.1176)
X:51.9549、Y:62.1849、Z:91.7026
x:0.2524、y:0.3021、Y:62.1849
L:83.0116、a:-17.9537、b:-18.1636
L:83.0116、u:-35.4848、v:-26.0084
L:83.0116、C:25.5392、H:225.333
L:78.8574、a:-20.3963、b:-13.7477
シアン色:41(0.4083)、マゼンタ色:9(0.0917)、黄色:0(0)、黒色:6(0.0588)
シアン色:44(0.4431)、マゼンタ色:15(0.1451)、黄色:6(0.0588)
Y:197.784、I:-52.3422、Q:-9.2257
Y:197.784、U:20.7761、V:-48.9402
Y:197.784、Db:63.526、Dr:106.082
Y:185.886、Cb:148.906、Cr:93.074
Y:203.396、Pb:19.74、Pr:-39.012
2.5B 8/6近似、完全一致:Munsell 2.5B 8/6 / #80d6ed
#8edaf0
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#8edaf0
黒まで#8edaf0
白まで#8edaf0
前景
<p style="color: #8edaf0; background-color: #000">#8edaf0前景</p>
#8edaf0
背景
<p style="background-color: #8edaf0">#8edaf0背景</p>
#8edaf0
境界
<p style="border: #8edaf0 3px solid">#8edaf0境界</p>
#8edaf0
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #8edaf0, #fff); background: -webkit-radial-gradient(50% 50%, #8edaf0, #fff); background: -o-radial-gradient(50% 50%, #8edaf0, #fff); background: -ms-radial-gradient(50% 50%, #8edaf0, #fff); background: radial-gradient(50% 50%, #8edaf0, #fff)">#8edaf0放射状グラデーション</p>
#8edaf0
を補足するための#f0a48e
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #8edaf0, #f0a48e); background: -webkit-linear-gradient(top, #8edaf0, #f0a48e); background: -o-linear-gradient(top, #8edaf0, #f0a48e); background: -ms-linear-gradient(top, #8edaf0, #f0a48e); background: linear-gradient(top, #8edaf0, #f0a48e); color: #000">
#8edaf0
を補足するための#f0a48e
線上グラデーション</p>
#8edaf0
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #8edaf0">#8edaf0テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#8edaf0
に関連している順番で並べらられている。関連は、十六進法の色#8edaf0
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: