色見本
RGB
CMYK
RYB
#b64a55十六進の色コード十六進の色コード#b64a55ピンクがかっている赤色の色合いです。光の三原色RGBにおいて色モデル#b64a55は71.37%の赤色、29.02%の绿色、33.33%の青色でできている。HSLで色彩空間#b64a55は353.89度の色調、42.52%の彩度、50.2%の明るさを有している。この色は約397 nmの波長である。Pratt & Lambert Deep Cerise 2-11はペイントカラーに調和している。
#b64a55情報反転
#49b5aa 25% 飽和度
#c33c4a 濃淡階調
#808080
25% 明るく
#c8777f オリジナル
#b64a55 25% 暗く
#88373f
クリムゾン/クリムソン／crimson
#dc143c 25% 不飽和度
#a8575f ウェブセーフ：red
#ff0000
rgb(182, 74, 85)
rgba(182, 74, 85, 1.0)
赤色：71.3725%、黄色：29.0196%、青色：33.3333%
#b64a55
11946581
-4830635 / 0xffb64a55
hsl(354, 43%, 50%)
hsla(354, 43%, 50%, 1.0)
色調：354（353.8889）、彩度：59（59.3407）、値：71（71.3725）
X：23.3799、Y：15.4985、Z：10.3536
x：0.4749、y：0.3148、Y：15.4985
L：46.3096、a：44.7081、b：16.1437
L：46.3096、u：77.1222、v：10.727
L：46.3096、C：47.5335、H：19.8542
L：39.3682、a：37.1129、b：11.9648
シアン色：0（0）、マゼンタ色：59（0.5934）、黄色：53（0.533）、黒色：29（0.2863）
シアン色：29（0.2863）、マゼンタ色：71（0.7098）、黄色：67（0.6667）
Y：107.546、I：60.8034、Q：26.2597
Y：107.546、U：-11.0933、V：65.3199
Y：107.546、Db：-33.937、Dr：-141.577
Y：108.4、Cb：116.845、Cr：174.631
Y：97.796、Pb：-6.92、Pr：53.494
5R 4/10近似、完全一致：Munsell 5R 4/10 / #a93a43
#b64a55配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#b64a55黒まで#b64a55白まで#b64a55前景
<p style="color: #b64a55">#b64a55前景</p>
#b64a55背景
<p style="background-color: #b64a55; color: #fff">#b64a55背景</p>
#b64a55境界
<p style="border: #b64a55 3px solid">#b64a55境界</p>
#b64a55放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #b64a55, #fff); background: -webkit-radial-gradient(50% 50%, #b64a55, #fff); background: -o-radial-gradient(50% 50%, #b64a55, #fff); background: -ms-radial-gradient(50% 50%, #b64a55, #fff); background: radial-gradient(50% 50%, #b64a55, #fff); color: #fff">#b64a55放射状グラデーション</p>
#b64a55を補足するための#49b6ab線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #b64a55, #49b6ab); background: -webkit-linear-gradient(top, #b64a55, #49b6ab); background: -o-linear-gradient(top, #b64a55, #49b6ab); background: -ms-linear-gradient(top, #b64a55, #49b6ab); background: linear-gradient(top, #b64a55, #49b6ab); color: #fff">#b64a55を補足するための#49b6ab線上グラデーション</p>
#b64a55テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #b64a55">#b64a55テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#b64a55に関連している順番で並べらられている。関連は、十六進法の色#b64a55の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：