#0195f0
十六進の色コード十六進の色コード#0195f0
シアン青色の色合いです。光の三原色RGBにおいて色モデル#0195f0
は0.39%の赤色、58.43%の绿色、94.12%の青色でできている。HSLで色彩空間#0195f0
は202.85度の色調、99.17%の彩度、47.25%の明るさを有している。この色は約492 nmの波長である。
#0195f0
情報反転
#fe6a0f 25% 飽和度
#0095f0 濃淡階調
#787878
rgb(1, 149, 240)
rgba(1, 149, 240, 1.0)
赤色:0.3922%、黄色:36.2355%、青色:94.1176%
#0195f0
103920
-16673296 / 0xff0195f0
hsl(203, 99%, 47%)
hsla(203, 99%, 47%, 1.0)
色調:203(202.8452)、彩度:100(99.5833)、値:94(94.1176)
X:26.4881、Y:27.7926、Z:86.4065
x:0.1883、y:0.1975、Y:27.7926
L:59.7009、a:0.2966、b:-54.6461
L:59.7009、u:-36.5071、v:-87.1756
L:59.7009、C:54.6469、H:270.3109
L:52.7187、a:-2.5717、b:-60.2738
シアン色:100(0.9958)、マゼンタ色:38(0.3792)、黄色:0(0)、黒色:6(0.0588)
シアン色:100(0.9961)、マゼンタ色:42(0.4157)、黄色:6(0.0588)
Y:115.122、I:-117.4009、Q:-2.9822
Y:115.122、U:61.4527、V:-100.1209
Y:115.122、Db:187.903、Dr:217.031
Y:114.873、Cb:189.853、Cr:56.567
Y:124.028、Pb:62.52、Pr:-78.186
2.5PB 6/12近似、完全一致:Munsell 2.5PB 6/12 / #149af3
#0195f0
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#0195f0
黒まで#0195f0
白まで#0195f0
前景
<p style="color: #0195f0">#0195f0前景</p>
#0195f0
背景
<p style="background-color: #0195f0; color: #fff">#0195f0背景</p>
#0195f0
境界
<p style="border: #0195f0 3px solid">#0195f0境界</p>
#0195f0
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0195f0, #fff); background: -webkit-radial-gradient(50% 50%, #0195f0, #fff); background: -o-radial-gradient(50% 50%, #0195f0, #fff); background: -ms-radial-gradient(50% 50%, #0195f0, #fff); background: radial-gradient(50% 50%, #0195f0, #fff); color: #fff">#0195f0放射状グラデーション</p>
#0195f0
を補足するための#ef5b00
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0195f0, #ef5b00); background: -webkit-linear-gradient(top, #0195f0, #ef5b00); background: -o-linear-gradient(top, #0195f0, #ef5b00); background: -ms-linear-gradient(top, #0195f0, #ef5b00); background: linear-gradient(top, #0195f0, #ef5b00); color: #fff">
#0195f0
を補足するための#ef5b00
線上グラデーション</p>
#0195f0
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0195f0">#0195f0テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#0195f0
に関連している順番で並べらられている。関連は、十六進法の色#0195f0
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: