#ed7bc2
十六進の色コード十六進の色コード#ed7bc2
マゼンタピンク色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#ed7bc2
は92.94%の赤色、48.24%の绿色、76.08%の青色でできている。HSLで色彩空間#ed7bc2
は322.63度の色調、76%の彩度、70.59%の明るさを有している。この色は約417 nmの波長である。
#ed7bc2
情報反転
#12843d 25% 飽和度
#fb6cc5 濃淡階調
#b4b4b4
rgb(237, 123, 194)
rgba(237, 123, 194, 1.0)
赤色:92.9412%、黄色:48.2353%、青色:76.0784%
#ed7bc2
15563714
-1213502 / 0xffed7bc2
hsl(323, 76%, 71%)
hsla(323, 76%, 71%, 1.0)
色調:323(322.6316)、彩度:48(48.1013)、値:93(92.9412)
X:51.7456、Y:36.0655、Z:55.273
x:0.3616、y:0.2521、Y:36.0655
L:66.5699、a:52.366、b:-17.1822
L:66.5699、u:64.9293、v:-34.9858
L:66.5699、C:55.1128、H:341.8344
L:60.0545、a:48.7079、b:-12.5311
シアン色:0(0)、マゼンタ色:48(0.481)、黄色:18(0.1814)、黒色:7(0.0706)
シアン色:7(0.0706)、マゼンタ色:52(0.5176)、黄色:24(0.2392)
Y:165.18、I:45.102、Q:46.1966
Y:165.18、U:14.1844、V:63.0093
Y:165.18、Db:43.343、Dr:-136.555
Y:157.913、Cb:142.297、Cr:173.005
Y:152.394、Pb:22.39、Pr:53.734
2.5RP 7/12近似、完全一致:Munsell 2.5RP 7/12 / #fa89d1
#ed7bc2
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#ed7bc2
黒まで#ed7bc2
白まで#ed7bc2
前景
<p style="color: #ed7bc2; background-color: #000">#ed7bc2前景</p>
#ed7bc2
背景
<p style="background-color: #ed7bc2">#ed7bc2背景</p>
#ed7bc2
境界
<p style="border: #ed7bc2 3px solid">#ed7bc2境界</p>
#ed7bc2
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #ed7bc2, #fff); background: -webkit-radial-gradient(50% 50%, #ed7bc2, #fff); background: -o-radial-gradient(50% 50%, #ed7bc2, #fff); background: -ms-radial-gradient(50% 50%, #ed7bc2, #fff); background: radial-gradient(50% 50%, #ed7bc2, #fff)">#ed7bc2放射状グラデーション</p>
#ed7bc2
を補足するための#7beda6
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #ed7bc2, #7beda6); background: -webkit-linear-gradient(top, #ed7bc2, #7beda6); background: -o-linear-gradient(top, #ed7bc2, #7beda6); background: -ms-linear-gradient(top, #ed7bc2, #7beda6); background: linear-gradient(top, #ed7bc2, #7beda6); color: #000">
#ed7bc2
を補足するための#7beda6
線上グラデーション</p>
#ed7bc2
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #ed7bc2">#ed7bc2テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#ed7bc2
に関連している順番で並べらられている。関連は、十六進法の色#ed7bc2
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: