#a1224b
十六進の色コード十六進の色コード#a1224b
ピンク色の暗さの中間の色合いです。光の三原色RGBにおいて色モデル#a1224b
は63.14%の赤色、13.33%の绿色、29.41%の青色でできている。HSLで色彩空間#a1224b
は340.63度の色調、65.13%の彩度、38.24%の明るさを有している。この色は約406 nmの波長である。Graham & Brown Pillar Box Redはペイントカラーに調和している。
#a1224b
情報反転
#5eddb4 25% 飽和度
#b01245 濃淡階調
#616161
rgb(161, 34, 75)
rgba(161, 34, 75, 1.0)
赤色:63.1373%、黄色:13.3333%、青色:29.4118%
#a1224b
10560075
-6217141 / 0xffa1224b
hsl(341, 65%, 38%)
hsla(341, 65%, 38%, 1.0)
色調:341(340.6299)、彩度:79(78.882)、値:63(63.1373)
X:16.54、Y:9.2291、Z:7.5663
x:0.4962、y:0.2769、Y:9.2291
L:36.4217、a:53.1928、b:8.1574
L:36.4217、u:82.6339、v:-0.3992
L:36.4217、C:53.8147、H:8.7186
L:30.3795、a:44.0195、b:6.499
シアン色:0(0)、マゼンタ色:79(0.7888)、黄色:53(0.5342)、黒色:37(0.3686)
シアン色:37(0.3686)、マゼンタ色:87(0.8667)、黄色:71(0.7059)
Y:76.647、I:62.4841、Q:39.6114
Y:76.647、U:-0.8092、V:74.0046
Y:76.647、Db:-2.497、Dr:-160.394
Y:81.863、Cb:127.203、Cr:180.842
Y:64.003、Pb:5.895、Pr:61.614
10RP 4/12近似、完全一致:Munsell 10RP 4/12 / #b22b5a
#a1224b
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#a1224b
黒まで#a1224b
白まで#a1224b
前景
<p style="color: #a1224b">#a1224b前景</p>
#a1224b
背景
<p style="background-color: #a1224b; color: #fff">#a1224b背景</p>
#a1224b
境界
<p style="border: #a1224b 3px solid">#a1224b境界</p>
#a1224b
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #a1224b, #fff); background: -webkit-radial-gradient(50% 50%, #a1224b, #fff); background: -o-radial-gradient(50% 50%, #a1224b, #fff); background: -ms-radial-gradient(50% 50%, #a1224b, #fff); background: radial-gradient(50% 50%, #a1224b, #fff); color: #fff">#a1224b放射状グラデーション</p>
#a1224b
を補足するための#22a077
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #a1224b, #22a077); background: -webkit-linear-gradient(top, #a1224b, #22a077); background: -o-linear-gradient(top, #a1224b, #22a077); background: -ms-linear-gradient(top, #a1224b, #22a077); background: linear-gradient(top, #a1224b, #22a077); color: #fff">
#a1224b
を補足するための#22a077
線上グラデーション</p>
#a1224b
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #a1224b">#a1224bテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#a1224b
に関連している順番で並べらられている。関連は、十六進法の色#a1224b
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: