#00a2f6
十六進の色コード十六進の色コード#00a2f6
シアン青色の色合いです。光の三原色RGBにおいて色モデル#00a2f6
は0%の赤色、63.53%の绿色、96.47%の青色でできている。HSLで色彩空間#00a2f6
は200.49度の色調、100%の彩度、48.24%の明るさを有している。この色は約494 nmの波長である。
#00a2f6
情報反転
#ff5d09 25% 飽和度
#00a1f6 濃淡階調
#7b7b7b
rgb(0, 162, 246)
rgba(0, 162, 246, 1.0)
赤色:0%、黄色:38.3045%、青色:96.4706%
#00a2f6
41718
-16735498 / 0xff00a2f6
hsl(200, 100%, 48%)
hsla(200, 100%, 48%, 1.0)
色調:200(200.4878)、彩度:100(100)、値:96(96.4706)
X:29.5549、Y:32.4945、Z:91.9031
x:0.192、y:0.2111、Y:32.4945
L:63.7495、a:-5.0074、b:-51.5117
L:63.7495、u:-40.3607、v:-82.3757
L:63.7495、C:51.7546、H:264.4478
L:57.0039、a:-7.2098、b:-55.686
シアン色:100(1)、マゼンタ色:34(0.3415)、黄色:0(0)、黒色:4(0.0353)
シアン色:100(1)、マゼンタ色:36(0.3647)、黄色:4(0.0353)
Y:123.138、I:-123.4921、Q:-8.1205
Y:123.138、U:60.4607、V:-108.0308
Y:123.138、Db:184.872、Dr:234.174
Y:121.756、Cb:188.852、Cr:50.918
Y:133.542、Pb:60.63、Pr:-84.864
2.5PB 6/12近似、完全一致:Munsell 2.5PB 6/12 / #149af3
#00a2f6
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#00a2f6
黒まで#00a2f6
白まで#00a2f6
前景
<p style="color: #00a2f6">#00a2f6前景</p>
#00a2f6
背景
<p style="background-color: #00a2f6; color: #fff">#00a2f6背景</p>
#00a2f6
境界
<p style="border: #00a2f6 3px solid">#00a2f6境界</p>
#00a2f6
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00a2f6, #fff); background: -webkit-radial-gradient(50% 50%, #00a2f6, #fff); background: -o-radial-gradient(50% 50%, #00a2f6, #fff); background: -ms-radial-gradient(50% 50%, #00a2f6, #fff); background: radial-gradient(50% 50%, #00a2f6, #fff); color: #fff">#00a2f6放射状グラデーション</p>
#00a2f6
を補足するための#f65400
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00a2f6, #f65400); background: -webkit-linear-gradient(top, #00a2f6, #f65400); background: -o-linear-gradient(top, #00a2f6, #f65400); background: -ms-linear-gradient(top, #00a2f6, #f65400); background: linear-gradient(top, #00a2f6, #f65400); color: #fff">
#00a2f6
を補足するための#f65400
線上グラデーション</p>
#00a2f6
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #00a2f6">#00a2f6テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#00a2f6
に関連している順番で並べらられている。関連は、十六進法の色#00a2f6
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: