#d100ae
十六進の色コード十六進の色コード#d100ae
マゼンタ色の色合いです。光の三原色RGBにおいて色モデル#d100ae
は81.96%の赤色、0%の绿色、68.24%の青色でできている。HSLで色彩空間#d100ae
は310.05度の色調、100%の彩度、40.98%の明るさを有している。この色は約425 nmの波長である。
#d100ae
情報反転
#2eff51 25% 飽和度
#d100ad 濃淡階調
#686868
25% 明るく
#ff06d5 オリジナル
#d100ae 25% 暗く
#9c0082
mediumvioletred
#c71585 25% 不飽和度
#b61a9c ウェブセーフ:fuchsia
#ff00ff
rgb(209, 0, 174)
rgba(209, 0, 174, 1.0)
赤色:81.9608%、黄色:0%、青色:68.2353%
#d100ae
13697198
-3080018 / 0xffd100ae
hsl(310, 100%, 41%)
hsla(310, 100%, 41%, 1.0)
色調:310(310.0478)、彩度:100(100)、値:82(81.9608)
X:33.9345、Y:16.6113、Z:41.4622
x:0.3688、y:0.1805、Y:16.6113
L:47.7665、a:79.8524、b:-35.0219
L:47.7665、u:83.9961、v:-62.9983
L:47.7665、C:87.1948、H:336.3185
L:40.757、a:77.2954、b:-31.786
シアン色:0(0)、マゼンタ色:100(1)、黄色:17(0.1675)、黒色:18(0.1804)
シアン色:18(0.1804)、マゼンタ色:100(1)、黄色:32(0.3176)
Y:82.327、I:68.6049、Q:98.3318
Y:82.327、U:45.1138、V:111.1333
Y:82.327、Db:137.892、Dr:-240.839
Y:86.765、Cb:173.454、Cr:207.397
Y:57.045、Pb:62.965、Pr:96.496
2.5RP 5/20近似、完全一致:Munsell 2.5RP 5/20 / #e401b1
#d100ae
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#d100ae
黒まで#d100ae
白まで#d100ae
前景
<p style="color: #d100ae">#d100ae前景</p>
#d100ae
背景
<p style="background-color: #d100ae; color: #fff">#d100ae背景</p>
#d100ae
境界
<p style="border: #d100ae 3px solid">#d100ae境界</p>
#d100ae
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #d100ae, #fff); background: -webkit-radial-gradient(50% 50%, #d100ae, #fff); background: -o-radial-gradient(50% 50%, #d100ae, #fff); background: -ms-radial-gradient(50% 50%, #d100ae, #fff); background: radial-gradient(50% 50%, #d100ae, #fff); color: #fff">#d100ae放射状グラデーション</p>
#d100ae
を補足するための#00d123
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #d100ae, #00d123); background: -webkit-linear-gradient(top, #d100ae, #00d123); background: -o-linear-gradient(top, #d100ae, #00d123); background: -ms-linear-gradient(top, #d100ae, #00d123); background: linear-gradient(top, #d100ae, #00d123); color: #fff">
#d100ae
を補足するための#00d123
線上グラデーション</p>
#d100ae
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #d100ae">#d100aeテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#d100ae
に関連している順番で並べらられている。関連は、十六進法の色#d100ae
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: