#f977dd
十六進の色コード十六進の色コード#f977dd
マゼンタ色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#f977dd
は97.65%の赤色、46.67%の绿色、86.67%の青色でできている。HSLで色彩空間#f977dd
は312.92度の色調、91.55%の彩度、72.16%の明るさを有している。この色は約423 nmの波長である。
#f977dd
情報反転
#068822 25% 飽和度
#ff71e0 濃淡階調
#b8b8b8
rgb(249, 119, 221)
rgba(249, 119, 221, 1.0)
赤色:97.6471%、黄色:46.6667%、青色:86.6667%
#f977dd
16349149
-428067 / 0xfff977dd
hsl(313, 92%, 72%)
hsla(313, 92%, 72%, 1.0)
色調:313(312.9231)、彩度:52(52.2088)、値:98(97.6471)
X:58.7149、Y:38.5538、Z:72.7536
x:0.3453、y:0.2268、Y:38.5538
L:68.4268、a:61.9248、b:-29.2848
L:68.4268、u:68.2806、v:-55.7221
L:68.4268、C:68.5002、H:334.6901
L:62.0917、a:60.1317、b:-26.0066
シアン色:0(0)、マゼンタ色:52(0.5221)、黄色:11(0.1124)、黒色:2(0.0235)
シアン色:2(0.0235)、マゼンタ色:53(0.5333)、黄色:13(0.1333)
Y:169.498、I:44.6743、Q:59.2251
Y:169.498、U:25.3463、V:69.749
Y:169.498、Db:77.466、Dr:-151.156
Y:161.627、Cb:153.538、Cr:177.828
Y:154.034、Pb:36.05、Pr:60.308
10P 7/14近似、完全一致:Munsell 10P 7/14 / #f985e7
#f977dd
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#f977dd
黒まで#f977dd
白まで#f977dd
前景
<p style="color: #f977dd; background-color: #000">#f977dd前景</p>
#f977dd
背景
<p style="background-color: #f977dd">#f977dd背景</p>
#f977dd
境界
<p style="border: #f977dd 3px solid">#f977dd境界</p>
#f977dd
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #f977dd, #fff); background: -webkit-radial-gradient(50% 50%, #f977dd, #fff); background: -o-radial-gradient(50% 50%, #f977dd, #fff); background: -ms-radial-gradient(50% 50%, #f977dd, #fff); background: radial-gradient(50% 50%, #f977dd, #fff)">#f977dd放射状グラデーション</p>
#f977dd
を補足するための#76f992
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #f977dd, #76f992); background: -webkit-linear-gradient(top, #f977dd, #76f992); background: -o-linear-gradient(top, #f977dd, #76f992); background: -ms-linear-gradient(top, #f977dd, #76f992); background: linear-gradient(top, #f977dd, #76f992); color: #000">
#f977dd
を補足するための#76f992
線上グラデーション</p>
#f977dd
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #f977dd">#f977ddテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#f977dd
に関連している順番で並べらられている。関連は、十六進法の色#f977dd
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: