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