色見本
RGB
CMYK
RYB
#018bd7十六進の色コード十六進の色コード#018bd7シアン青色の色合いです。光の三原色RGBにおいて色モデル#018bd7は0.39%の赤色、54.51%の绿色、84.31%の青色でできている。HSLで色彩空間#018bd7は201.31度の色調、99.07%の彩度、42.35%の明るさを有している。この色は約493 nmの波長である。
#018bd7情報反転
#fe7428 25% 飽和度
#008bd8 濃淡階調
#6c6c6c
25% 明るく
#10a9fd オリジナル
#018bd7 25% 暗く
#0068a1
スチールブルー／steelblue
#4682b4 25% 不飽和度
#1b83bc ウェブセーフ：fuchsia
#ff00ff
rgb(1, 139, 215)
rgba(1, 139, 215, 1.0)
赤色：0.3922%、黄色：33.2932%、青色：84.3137%
#018bd7
101335
-16675881 / 0xff018bd7
hsl(201, 99%, 42%)
hsla(201, 99%, 42%, 1.0)
色調：201（201.3084）、彩度：100（99.5349）、値：84（84.3137）
X：21.5109、Y：23.378、Z：67.6686
x：0.1911、y：0.2077、Y：23.378
L：55.4596、a：-3.3125、b：-47.4699
L：55.4596、u：-34.7852、v：-73.9278
L：55.4596、C：47.5853、H：266.0083
L：48.3508、a：-5.2007、b：-49.1329
シアン色：100（0.9953）、マゼンタ色：35（0.3535）、黄色：0（0）、黒色：16（0.1569）
シアン色：100（0.9961）、マゼンタ色：45（0.4549）、黄色：16（0.1569）
Y：106.402、I：-106.6248、Q：-5.5347
Y：106.402、U：53.4413、V：-92.4708
Y：106.402、Db：163.408、Dr：200.446
Y：107.383、Cb：181.788、Cr：62.022
Y：115.078、Pb：53.87、Pr：-72.496
2.5PB 5/10近似、完全一致：Munsell 2.5PB 5/10 / #277fc6
#018bd7配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#018bd7黒まで#018bd7白まで#018bd7前景
<p style="color: #018bd7">#018bd7前景</p>
#018bd7背景
<p style="background-color: #018bd7; color: #fff">#018bd7背景</p>
#018bd7境界
<p style="border: #018bd7 3px solid">#018bd7境界</p>
#018bd7放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #018bd7, #fff); background: -webkit-radial-gradient(50% 50%, #018bd7, #fff); background: -o-radial-gradient(50% 50%, #018bd7, #fff); background: -ms-radial-gradient(50% 50%, #018bd7, #fff); background: radial-gradient(50% 50%, #018bd7, #fff); color: #fff">#018bd7放射状グラデーション</p>
#018bd7を補足するための#d74c00線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #018bd7, #d74c00); background: -webkit-linear-gradient(top, #018bd7, #d74c00); background: -o-linear-gradient(top, #018bd7, #d74c00); background: -ms-linear-gradient(top, #018bd7, #d74c00); background: linear-gradient(top, #018bd7, #d74c00); color: #fff">#018bd7を補足するための#d74c00線上グラデーション</p>
#018bd7テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #018bd7">#018bd7テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#018bd7に関連している順番で並べらられている。関連は、十六進法の色#018bd7の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：