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