色見本
RGB
CMYK
RYB
#70c3f8十六進の色コード十六進の色コード#70c3f8シアン青色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#70c3f8は43.92%の赤色、76.47%の绿色、97.25%の青色でできている。HSLで色彩空間#70c3f8は203.38度の色調、90.67%の彩度、70.59%の明るさを有している。この色は約492 nmの波長である。
#70c3f8情報反転
#8f3c07 25% 飽和度
#68c4ff 濃淡階調
#b3b3b3
rgb(112, 195, 248)
rgba(112, 195, 248, 1.0)
赤色：43.9216%、黄色：64.1347%、青色：97.2549%
#70c3f8
7390200
-9387016 / 0xff70c3f8
hsl(203, 91%, 71%)
hsla(203, 91%, 71%, 1.0)
色調：203（203.3824）、彩度：55（54.8387）、値：97（97.2549）
X：43.1405、Y：49.2523、Z：96.0398
x：0.2289、y：0.2614、Y：49.2523
L：75.608、a：-10.6077、b：-33.8604
L：75.608、u：-35.9484、v：-53.1573
L：75.608、C：35.4831、H：252.6054
L：70.18、a：-13.0888、b：-32.0112
シアン色：55（0.5484）、マゼンタ色：21（0.2137）、黄色：0（0）、黒色：3（0.0275）
シアン色：56（0.5608）、マゼンタ色：24（0.2353）、黄色：3（0.0275）
Y：176.225、I：-66.4714、Q：-1.0607
Y：176.225、U：35.3217、V：-56.3455
Y：176.225、Db：107.999、Dr：122.14
Y：167.368、Cb：163.551、Cr：87.8
Y：181.137、Pb：36.045、Pr：-43.938
10B 7/8近似、完全一致：Munsell 10B 7/8 / #6ab6ed
#70c3f8配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#70c3f8黒まで#70c3f8白まで#70c3f8前景
<p style="color: #70c3f8; background-color: #000">#70c3f8前景</p>
#70c3f8背景
<p style="background-color: #70c3f8">#70c3f8背景</p>
#70c3f8境界
<p style="border: #70c3f8 3px solid">#70c3f8境界</p>
#70c3f8放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #70c3f8, #fff); background: -webkit-radial-gradient(50% 50%, #70c3f8, #fff); background: -o-radial-gradient(50% 50%, #70c3f8, #fff); background: -ms-radial-gradient(50% 50%, #70c3f8, #fff); background: radial-gradient(50% 50%, #70c3f8, #fff)">#70c3f8放射状グラデーション</p>
#70c3f8を補足するための#f8a46f線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #70c3f8, #f8a46f); background: -webkit-linear-gradient(top, #70c3f8, #f8a46f); background: -o-linear-gradient(top, #70c3f8, #f8a46f); background: -ms-linear-gradient(top, #70c3f8, #f8a46f); background: linear-gradient(top, #70c3f8, #f8a46f); color: #000">#70c3f8を補足するための#f8a46f線上グラデーション</p>
#70c3f8テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #70c3f8">#70c3f8テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#70c3f8に関連している順番で並べらられている。関連は、十六進法の色#70c3f8の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：