#0095e0
十六進の色コード十六進の色コード#0095e0
シアン青色の色合いです。光の三原色RGBにおいて色モデル#0095e0
は0%の赤色、58.43%の绿色、87.84%の青色でできている。HSLで色彩空間#0095e0
は200.09度の色調、100%の彩度、43.92%の明るさを有している。この色は約494 nmの波長である。
#0095e0
情報反転
#ff6a1f 25% 飽和度
#0094e0 濃淡階調
#707070
25% 明るく
#19b1ff オリジナル
#0095e0 25% 暗く
#006fa7
スチールブルー/steelblue
#4682b4 25% 不飽和度
#1c8bc3 ウェブセーフ:fuchsia
#ff00ff
rgb(0, 149, 224)
rgba(0, 149, 224, 1.0)
赤色:0%、黄色:35.0902%、青色:87.8431%
#0095e0
38368
-16738848 / 0xff0095e0
hsl(200, 100%, 44%)
hsla(200, 100%, 44%, 1.0)
色調:200(200.0893)、彩度:100(100)、値:88(87.8431)
X:24.202、Y:26.8767、Z:74.4332
x:0.1928、y:0.2141、Y:26.8767
L:58.86、a:-5.7589、b:-47.1146
L:58.86、u:-37.535、v:-73.8936
L:58.86、C:47.4652、H:263.0311
L:51.8428、a:-7.3948、b:-48.8356
シアン色:100(1)、マゼンタ色:33(0.3348)、黄色:0(0)、黒色:12(0.1216)
シアン色:100(1)、マゼンタ色:42(0.4157)、黄色:12(0.1216)
Y:112.999、I:-112.8564、Q:-8.1718
Y:112.999、U:54.6239、V:-99.1357
Y:112.999、Db:167.025、Dr:214.892
Y:113.048、Cb:182.977、Cr:57.264
Y:122.663、Pb:54.635、Pr:-77.95
2.5PB 6/10近似、完全一致:Munsell 2.5PB 6/10 / #4c99e2
#0095e0
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#0095e0
黒まで#0095e0
白まで#0095e0
前景
<p style="color: #0095e0">#0095e0前景</p>
#0095e0
背景
<p style="background-color: #0095e0; color: #fff">#0095e0背景</p>
#0095e0
境界
<p style="border: #0095e0 3px solid">#0095e0境界</p>
#0095e0
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0095e0, #fff); background: -webkit-radial-gradient(50% 50%, #0095e0, #fff); background: -o-radial-gradient(50% 50%, #0095e0, #fff); background: -ms-radial-gradient(50% 50%, #0095e0, #fff); background: radial-gradient(50% 50%, #0095e0, #fff); color: #fff">#0095e0放射状グラデーション</p>
#0095e0
を補足するための#e04a00
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0095e0, #e04a00); background: -webkit-linear-gradient(top, #0095e0, #e04a00); background: -o-linear-gradient(top, #0095e0, #e04a00); background: -ms-linear-gradient(top, #0095e0, #e04a00); background: linear-gradient(top, #0095e0, #e04a00); color: #fff">
#0095e0
を補足するための#e04a00
線上グラデーション</p>
#0095e0
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0095e0">#0095e0テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#0095e0
に関連している順番で並べらられている。関連は、十六進法の色#0095e0
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: