色見本
RGB
CMYK
RYB
#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の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：