#b970d3
十六進の色コード十六進の色コード#b970d3
マゼンタ色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#b970d3
は72.55%の赤色、43.92%の绿色、82.75%の青色でできている。HSLで色彩空間#b970d3
は284.24度の色調、52.94%の彩度、63.33%の明るさを有している。この色は約441 nmの波長である。
#b970d3
情報反転
#468f2c 25% 飽和度
#be63df 濃淡階調
#a1a1a1
rgb(185, 112, 211)
rgba(185, 112, 211, 1.0)
赤色:72.549%、黄色:43.9216%、青色:82.7451%
#b970d3
12153043
-4624173 / 0xffb970d3
hsl(284, 53%, 63%)
hsla(284, 53%, 63%, 1.0)
色調:284(284.2424)、彩度:47(46.9194)、値:83(82.7451)
X:37.5596、Y:26.6058、Z:64.7838
x:0.2913、y:0.2063、Y:26.6058
L:58.6076、a:45.3293、b:-39.5814
L:58.6076、u:30.6717、v:-67.6984
L:58.6076、C:60.1784、H:318.8726
L:51.5808、a:39.7121、b:-38.3598
シアン色:12(0.1232)、マゼンタ色:47(0.4692)、黄色:0(0)、黒色:17(0.1725)
シアン色:27(0.2745)、マゼンタ色:56(0.5608)、黄色:17(0.1725)
Y:145.113、I:11.6822、Q:46.2387
Y:145.113、U:32.4246、V:34.994
Y:145.113、Db:99.117、Dr:-75.826
Y:140.671、Cb:160.657、Cr:153.018
Y:134.677、Pb:41.105、Pr:31.946
5P 6/12近似、完全一致:Munsell 5P 6/12 / #b87cdc
#b970d3
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#b970d3
黒まで#b970d3
白まで#b970d3
前景
<p style="color: #b970d3; background-color: #000">#b970d3前景</p>
#b970d3
背景
<p style="background-color: #b970d3">#b970d3背景</p>
#b970d3
境界
<p style="border: #b970d3 3px solid">#b970d3境界</p>
#b970d3
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #b970d3, #fff); background: -webkit-radial-gradient(50% 50%, #b970d3, #fff); background: -o-radial-gradient(50% 50%, #b970d3, #fff); background: -ms-radial-gradient(50% 50%, #b970d3, #fff); background: radial-gradient(50% 50%, #b970d3, #fff)">#b970d3放射状グラデーション</p>
#b970d3
を補足するための#8ad370
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #b970d3, #8ad370); background: -webkit-linear-gradient(top, #b970d3, #8ad370); background: -o-linear-gradient(top, #b970d3, #8ad370); background: -ms-linear-gradient(top, #b970d3, #8ad370); background: linear-gradient(top, #b970d3, #8ad370); color: #000">
#b970d3
を補足するための#8ad370
線上グラデーション</p>
#b970d3
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #b970d3">#b970d3テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#b970d3
に関連している順番で並べらられている。関連は、十六進法の色#b970d3
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: