色見本
RGB
CMYK
RYB
#017fb4十六進の色コード十六進の色コード#017fb4シアン色の暗さの中間の色合いです。光の三原色RGBにおいて色モデル#017fb4は0.39%の赤色、49.8%の绿色、70.59%の青色でできている。HSLで色彩空間#017fb4は197.77度の色調、98.9%の彩度、35.49%の明るさを有している。この色は約495 nmの波長である。
#017fb4情報反転
#fe804b 25% 飽和度
#007fb5 濃淡階調
#5a5a5a
rgb(1, 127, 180)
rgba(1, 127, 180, 1.0)
赤色：0.3922%、黄色：29.3912%、青色：70.5882%
#017fb4
98228
-16678988 / 0xff017fb4
hsl(198, 99%, 35%)
hsla(198, 99%, 35%, 1.0)
色調：198（197.7654）、彩度：99（99.4444）、値：71（70.5882）
X：15.8401、Y：18.4805、Z：45.9122
x：0.1974、y：0.2303、Y：18.4805
L：50.0738、a：-9.6463、b：-36.0549
L：50.0738、u：-33.0415、v：-53.5346
L：50.0738、C：37.323、H：255.0217
L：42.9889、a：-9.4588、b：-33.2296
シアン色：99（0.9944）、マゼンタ色：29（0.2944）、黄色：0（0）、黒色：29（0.2941）
シアン色：100（0.9961）、マゼンタ色：50（0.502）、黄色：29（0.2941）
Y：95.368、I：-92.0872、Q：-10.1533
Y：95.368、U：41.6477、V：-82.7905
Y：95.368、Db：127.349、Dr：179.459
Y：97.905、Cb：169.915、Cr：68.923
Y：103.978、Pb：40.99、Pr：-65.438
10B 5/8近似、完全一致：Munsell 10B 5/8 / #2c81b5
#017fb4配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#017fb4黒まで#017fb4白まで#017fb4前景
<p style="color: #017fb4">#017fb4前景</p>
#017fb4背景
<p style="background-color: #017fb4; color: #fff">#017fb4背景</p>
#017fb4境界
<p style="border: #017fb4 3px solid">#017fb4境界</p>
#017fb4放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #017fb4, #fff); background: -webkit-radial-gradient(50% 50%, #017fb4, #fff); background: -o-radial-gradient(50% 50%, #017fb4, #fff); background: -ms-radial-gradient(50% 50%, #017fb4, #fff); background: radial-gradient(50% 50%, #017fb4, #fff); color: #fff">#017fb4放射状グラデーション</p>
#017fb4を補足するための#b43600線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #017fb4, #b43600); background: -webkit-linear-gradient(top, #017fb4, #b43600); background: -o-linear-gradient(top, #017fb4, #b43600); background: -ms-linear-gradient(top, #017fb4, #b43600); background: linear-gradient(top, #017fb4, #b43600); color: #fff">#017fb4を補足するための#b43600線上グラデーション</p>
#017fb4テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #017fb4">#017fb4テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#017fb4に関連している順番で並べらられている。関連は、十六進法の色#017fb4の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：