#0077b9
十六進の色コード十六進の色コード#0077b9
シアン青色の暗さの中間の色合いです。光の三原色RGBにおいて色モデル#0077b9
は0%の赤色、46.67%の绿色、72.55%の青色でできている。HSLで色彩空間#0077b9
は201.41度の色調、100%の彩度、36.27%の明るさを有している。この色は約493 nmの波長である。
#0077b9
情報反転
#ff8846 25% 飽和度
#0077b9 濃淡階調
#5c5c5c
rgb(0, 119, 185)
rgba(0, 119, 185, 1.0)
赤色:0%、黄色:28.3991%、青色:72.549%
#0077b9
30649
-16746567 / 0xff0077b9
hsl(201, 100%, 36%)
hsla(201, 100%, 36%, 1.0)
色調:201(201.4054)、彩度:100(100)、値:73(72.549)
X:15.3538、Y:16.6964、Z:48.3124
x:0.1911、y:0.2078、Y:16.6964
L:47.8752、a:-3.0151、b:-42.4147
L:47.8752、u:-30.0707、v:-63.7859
L:47.8752、C:42.5217、H:265.9339
L:40.8613、a:-4.4351、b:-41.4988
シアン色:100(1)、マゼンタ色:36(0.3568)、黄色:0(0)、黒色:27(0.2745)
シアン色:100(1)、マゼンタ色:53(0.5333)、黄色:27(0.2745)
Y:90.943、I:-92.0936、Q:-4.6284
Y:90.943、U:46.2857、V:-79.7857
Y:90.943、Db:141.528、Dr:172.949
Y:94.106、Cb:174.586、Cr:71.073
Y:98.405、Pb:46.685、Pr:-62.536
2.5PB 5/10近似、完全一致:Munsell 2.5PB 5/10 / #277fc6
#0077b9
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#0077b9
黒まで#0077b9
白まで#0077b9
前景
<p style="color: #0077b9">#0077b9前景</p>
#0077b9
背景
<p style="background-color: #0077b9; color: #fff">#0077b9背景</p>
#0077b9
境界
<p style="border: #0077b9 3px solid">#0077b9境界</p>
#0077b9
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0077b9, #fff); background: -webkit-radial-gradient(50% 50%, #0077b9, #fff); background: -o-radial-gradient(50% 50%, #0077b9, #fff); background: -ms-radial-gradient(50% 50%, #0077b9, #fff); background: radial-gradient(50% 50%, #0077b9, #fff); color: #fff">#0077b9放射状グラデーション</p>
#0077b9
を補足するための#b94200
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0077b9, #b94200); background: -webkit-linear-gradient(top, #0077b9, #b94200); background: -o-linear-gradient(top, #0077b9, #b94200); background: -ms-linear-gradient(top, #0077b9, #b94200); background: linear-gradient(top, #0077b9, #b94200); color: #fff">
#0077b9
を補足するための#b94200
線上グラデーション</p>
#0077b9
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0077b9">#0077b9テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#0077b9
に関連している順番で並べらられている。関連は、十六進法の色#0077b9
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: