色見本
RGB
CMYK
RYB
#77b5fe十六進の色コード十六進の色コードでFrench sky blue色#77b5feシアン青色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#77b5feは46.67%の赤色、70.98%の绿色、99.61%の青色でできている。HSLで色彩空間#77b5feは212.44度の色調、98.54%の彩度、73.14%の明るさを有している。この色は約486 nmの波長である。
#77b5fe情報反転
#884a01 25% 飽和度
#76b4ff 濃淡階調
#bababa
rgb(119, 181, 254)
rgba(119, 181, 254, 1.0)
赤色：46.6667%、黄色：63.3284%、青色：99.6078%
#77b5fe
7845374
-8931842 / 0xff77b5fe
hsl(212, 99%, 73%)
hsla(212, 99%, 73%, 1.0)
色調：212（212.4444）、彩度：53（53.1496）、値：100（99.6078）
X：42.021、Y：44.1254、Z：100.0682
x：0.2257、y：0.237、Y：44.1254
L：72.3123、a：0.2452、b：-42.1878
L：72.3123、u：-28.6185、v：-68.4662
L：72.3123、C：42.1885、H：270.333
L：66.427、a：-3.33、b：-42.8179
シアン色：53（0.5315）、マゼンタ色：29（0.2874）、黄色：0（0）、黒色：0（0.0039）
シアン色：53（0.5333）、マゼンタ色：29（0.2902）、黄色：0（0.0039）
Y：170.784、I：-60.3866、Q：9.6026
Y：170.784、U：40.9519、V：-45.4307
Y：170.784、Db：125.209、Dr：98.487
Y：162.699、Cb：169.223、Cr：95.599
Y：173.05、Pb：43.63、Pr：-34.358
2.5PB 7/10（近似の）
#77b5fe配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#77b5fe黒まで#77b5fe白まで#77b5fe前景
<p style="color: #77b5fe; background-color: #000">#77b5fe前景</p>
#77b5fe背景
<p style="background-color: #77b5fe">#77b5fe背景</p>
#77b5fe境界
<p style="border: #77b5fe 3px solid">#77b5fe境界</p>
#77b5fe放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #77b5fe, #fff); background: -webkit-radial-gradient(50% 50%, #77b5fe, #fff); background: -o-radial-gradient(50% 50%, #77b5fe, #fff); background: -ms-radial-gradient(50% 50%, #77b5fe, #fff); background: radial-gradient(50% 50%, #77b5fe, #fff)">#77b5fe放射状グラデーション</p>
#77b5feを補足するための#fec077線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #77b5fe, #fec077); background: -webkit-linear-gradient(top, #77b5fe, #fec077); background: -o-linear-gradient(top, #77b5fe, #fec077); background: -ms-linear-gradient(top, #77b5fe, #fec077); background: linear-gradient(top, #77b5fe, #fec077); color: #000">#77b5feを補足するための#fec077線上グラデーション</p>
#77b5feテキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #77b5fe">#77b5feテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#77b5feに関連している順番で並べらられている。関連は、十六進法の色#77b5feの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：