色見本
RGB
CMYK
RYB
#009af5十六進の色コード十六進の色コード#009af5シアン青色の色合いです。光の三原色RGBにおいて色モデル#009af5は0%の赤色、60.39%の绿色、96.08%の青色でできている。HSLで色彩空間#009af5は202.29度の色調、100%の彩度、48.04%の明るさを有している。この色は約493 nmの波長である。
#009af5情報反転
#ff650a 25% 飽和度
#0099f5 濃淡階調
#7a7a7a
rgb(0, 154, 245)
rgba(0, 154, 245, 1.0)
赤色：0%、黄色：37.0829%、青色：96.0784%
#009af5
39669
-16737547 / 0xff009af5
hsl(202, 100%, 48%)
hsla(202, 100%, 48%, 1.0)
色調：202（202.2857）、彩度：100（100）、値：96（96.0784）
X：28.037、Y：29.7038、Z：90.6419
x：0.189、y：0.2002、Y：29.7038
L：61.3978、a：-0.7719、b：-54.6978
L：61.3978、u：-37.8415、v：-87.5983
L：61.3978、C：54.7032、H：269.1915
L：54.5012、a：-3.5513、b：-60.4555
シアン色：100（1）、マゼンタ色：37（0.3714）、黄色：0（0）、黒色：4（0.0392）
シアン色：100（1）、マゼンタ色：40（0.3961）、黄色：4（0.0392）
Y：118.328、I：-120.9752、Q：-4.2509
Y：118.328、U：62.3356、V：-103.8109
Y：118.328、Db：190.603、Dr：225.029
Y：117.626、Cb：190.741、Cr：53.933
Y：127.75、Pb：63.21、Pr：-81.186
2.5PB 6/12近似、完全一致：Munsell 2.5PB 6/12 / #149af3
#009af5配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#009af5黒まで#009af5白まで#009af5前景
<p style="color: #009af5">#009af5前景</p>
#009af5背景
<p style="background-color: #009af5; color: #fff">#009af5背景</p>
#009af5境界
<p style="border: #009af5 3px solid">#009af5境界</p>
#009af5放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #009af5, #fff); background: -webkit-radial-gradient(50% 50%, #009af5, #fff); background: -o-radial-gradient(50% 50%, #009af5, #fff); background: -ms-radial-gradient(50% 50%, #009af5, #fff); background: radial-gradient(50% 50%, #009af5, #fff); color: #fff">#009af5放射状グラデーション</p>
#009af5を補足するための#f55a00線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #009af5, #f55a00); background: -webkit-linear-gradient(top, #009af5, #f55a00); background: -o-linear-gradient(top, #009af5, #f55a00); background: -ms-linear-gradient(top, #009af5, #f55a00); background: linear-gradient(top, #009af5, #f55a00); color: #fff">#009af5を補足するための#f55a00線上グラデーション</p>
#009af5テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #009af5">#009af5テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#009af5に関連している順番で並べらられている。関連は、十六進法の色#009af5の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：