#bb7e8e
十六進の色コード十六進の色コード#bb7e8e
ピンク色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#bb7e8e
は73.33%の赤色、49.41%の绿色、55.69%の青色でできている。HSLで色彩空間#bb7e8e
は344.26度の色調、30.96%の彩度、61.37%の明るさを有している。この色は約403 nmの波長である。
#bb7e8e
情報反転
#448171 25% 飽和度
#c2768a 濃淡階調
#9c9c9c
rgb(187, 126, 142)
rgba(187, 126, 142, 1.0)
赤色:73.3333%、黄色:49.4118%、青色:55.6863%
#bb7e8e
12287630
-4489586 / 0xffbb7e8e
hsl(344, 31%, 61%)
hsla(344, 31%, 61%, 1.0)
色調:344(344.2623)、彩度:33(32.6203)、値:73(73.3333)
X:32.8369、Y:27.4395、Z:29.1568
x:0.3672、y:0.3068、Y:27.4395
L:59.3789、a:25.9323、b:1.0526
L:59.3789、u:37.9018、v:-3.1239
L:59.3789、C:25.9537、H:2.3245
L:52.3827、a:20.2255、b:3.6664
シアン色:0(0)、マゼンタ色:33(0.3262)、黄色:24(0.2406)、黒色:27(0.2667)
シアン色:27(0.2667)、マゼンタ色:51(0.5059)、黄色:44(0.4431)
Y:146.063、I:31.1985、Q:17.877
Y:146.063、U:-1.9977、V:35.9148
Y:146.063、Db:-6.122、Dr:-77.841
Y:141.479、Cb:125.996、Cr:153.643
Y:140.145、Pb:0.985、Pr:29.764
10RP 6/6近似、完全一致:Munsell 10RP 6/6 / #c68192
#bb7e8e
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#bb7e8e
黒まで#bb7e8e
白まで#bb7e8e
前景
<p style="color: #bb7e8e; background-color: #000">#bb7e8e前景</p>
#bb7e8e
背景
<p style="background-color: #bb7e8e">#bb7e8e背景</p>
#bb7e8e
境界
<p style="border: #bb7e8e 3px solid">#bb7e8e境界</p>
#bb7e8e
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #bb7e8e, #fff); background: -webkit-radial-gradient(50% 50%, #bb7e8e, #fff); background: -o-radial-gradient(50% 50%, #bb7e8e, #fff); background: -ms-radial-gradient(50% 50%, #bb7e8e, #fff); background: radial-gradient(50% 50%, #bb7e8e, #fff)">#bb7e8e放射状グラデーション</p>
#bb7e8e
を補足するための#7ebbab
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #bb7e8e, #7ebbab); background: -webkit-linear-gradient(top, #bb7e8e, #7ebbab); background: -o-linear-gradient(top, #bb7e8e, #7ebbab); background: -ms-linear-gradient(top, #bb7e8e, #7ebbab); background: linear-gradient(top, #bb7e8e, #7ebbab); color: #000">
#bb7e8e
を補足するための#7ebbab
線上グラデーション</p>
#bb7e8e
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #bb7e8e">#bb7e8eテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#bb7e8e
に関連している順番で並べらられている。関連は、十六進法の色#bb7e8e
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: