#0297f5
十六進の色コード十六進の色コード#0297f5
シアン青色の色合いです。光の三原色RGBにおいて色モデル#0297f5
は0.78%の赤色、59.22%の绿色、96.08%の青色でできている。HSLで色彩空間#0297f5
は203.21度の色調、98.38%の彩度、48.43%の明るさを有している。この色は約492 nmの波長である。
#0297f5
情報反転
#fd680a 25% 飽和度
#0097f7 濃淡階調
#7b7b7b
rgb(2, 151, 245)
rgba(2, 151, 245, 1.0)
赤色:0.7843%、黄色:37.0058%、青色:96.0784%
#0297f5
169973
-16607243 / 0xff0297f5
hsl(203, 98%, 48%)
hsla(203, 98%, 48%, 1.0)
色調:203(203.2099)、彩度:99(99.1837)、値:96(96.0784)
X:27.5731、Y:28.7387、Z:90.4801
x:0.1878、y:0.1958、Y:28.7387
L:60.5503、a:1.0348、b:-56.0469
L:60.5503、u:-36.8183、v:-89.79
L:60.5503、C:56.0564、H:271.0578
L:53.6085、a:-2.0049、b:-62.5434
シアン色:99(0.9918)、マゼンタ色:38(0.3837)、黄色:0(0)、黒色:4(0.0392)
シアン色:99(0.9922)、マゼンタ色:41(0.4078)、黄色:4(0.0392)
Y:117.165、I:-118.9604、Q:-2.2603
Y:117.165、U:62.9079、V:-101.0359
Y:117.165、Db:192.352、Dr:219.015
Y:116.628、Cb:191.318、Cr:55.915
Y:126.031、Pb:64.135、Pr:-78.824
2.5PB 6/12近似、完全一致:Munsell 2.5PB 6/12 / #149af3
#0297f5
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#0297f5
黒まで#0297f5
白まで#0297f5
前景
<p style="color: #0297f5">#0297f5前景</p>
#0297f5
背景
<p style="background-color: #0297f5; color: #fff">#0297f5背景</p>
#0297f5
境界
<p style="border: #0297f5 3px solid">#0297f5境界</p>
#0297f5
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0297f5, #fff); background: -webkit-radial-gradient(50% 50%, #0297f5, #fff); background: -o-radial-gradient(50% 50%, #0297f5, #fff); background: -ms-radial-gradient(50% 50%, #0297f5, #fff); background: radial-gradient(50% 50%, #0297f5, #fff); color: #fff">#0297f5放射状グラデーション</p>
#0297f5
を補足するための#f56001
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0297f5, #f56001); background: -webkit-linear-gradient(top, #0297f5, #f56001); background: -o-linear-gradient(top, #0297f5, #f56001); background: -ms-linear-gradient(top, #0297f5, #f56001); background: linear-gradient(top, #0297f5, #f56001); color: #fff">
#0297f5
を補足するための#f56001
線上グラデーション</p>
#0297f5
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0297f5">#0297f5テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#0297f5
に関連している順番で並べらられている。関連は、十六進法の色#0297f5
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: