#0070aa
十六進の色コード十六進の色コード#0070aa
シアン青色の暗さの中間の色合いです。光の三原色RGBにおいて色モデル#0070aa
は0%の赤色、43.92%の绿色、66.67%の青色でできている。HSLで色彩空間#0070aa
は200.47度の色調、100%の彩度、33.33%の明るさを有している。この色は約494 nmの波長である。
#0070aa
情報反転
#ff8f55 25% 飽和度
#006fa9 濃淡階調
#545454
rgb(0, 112, 170)
rgba(0, 112, 170, 1.0)
赤色:0%、黄色:26.4775%、青色:66.6667%
#0070aa
28842
-16748374 / 0xff0070aa
hsl(200, 100%, 33%)
hsla(200, 100%, 33%, 1.0)
色調:200(200.4706)、彩度:100(100)、値:67(66.6667)
X:13.0499、Y:14.4906、Z:40.1394
x:0.1928、y:0.2141、Y:14.4906
L:44.9285、a:-4.6785、b:-38.3567
L:44.9285、u:-28.6487、v:-56.4206
L:44.9285、C:38.641、H:263.0459
L:38.0665、a:-5.4236、b:-35.8719
シアン色:100(1)、マゼンタ色:34(0.3412)、黄色:0(0)、黒色:33(0.3333)
シアン色:100(1)、マゼンタ色:56(0.5608)、黄色:33(0.3333)
Y:85.124、I:-85.3534、Q:-5.6372
Y:85.124、U:41.7677、V:-74.6806
Y:85.124、Db:127.714、Dr:161.882
Y:89.108、Cb:170.038、Cr:74.714
Y:92.32、Pb:41.88、Pr:-58.668
10B 4/8(近似の)
#0070aa
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#0070aa
黒まで#0070aa
白まで#0070aa
前景
<p style="color: #0070aa">#0070aa前景</p>
#0070aa
背景
<p style="background-color: #0070aa; color: #fff">#0070aa背景</p>
#0070aa
境界
<p style="border: #0070aa 3px solid">#0070aa境界</p>
#0070aa
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0070aa, #fff); background: -webkit-radial-gradient(50% 50%, #0070aa, #fff); background: -o-radial-gradient(50% 50%, #0070aa, #fff); background: -ms-radial-gradient(50% 50%, #0070aa, #fff); background: radial-gradient(50% 50%, #0070aa, #fff); color: #fff">#0070aa放射状グラデーション</p>
#0070aa
を補足するための#a93a00
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0070aa, #a93a00); background: -webkit-linear-gradient(top, #0070aa, #a93a00); background: -o-linear-gradient(top, #0070aa, #a93a00); background: -ms-linear-gradient(top, #0070aa, #a93a00); background: linear-gradient(top, #0070aa, #a93a00); color: #fff">
#0070aa
を補足するための#a93a00
線上グラデーション</p>
#0070aa
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0070aa">#0070aaテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#0070aa
に関連している順番で並べらられている。関連は、十六進法の色#0070aa
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: