#b03f3c
十六進の色コード十六進の色コード#b03f3c
赤色の色合いです。光の三原色RGBにおいて色モデル#b03f3c
は69.02%の赤色、24.71%の绿色、23.53%の青色でできている。HSLで色彩空間#b03f3c
は1.55度の色調、49.15%の彩度、46.27%の明るさを有している。この色は約619 nmの波長である。Jotun 0256 / Signal Redはペイントカラーに調和している。
#b03f3c
情報反転
#4fc0c3 25% 飽和度
#be312d 濃淡階調
#757575
rgb(176, 63, 60)
rgba(176, 63, 60, 1.0)
赤色:69.0196%、黄色:24.7371%、青色:23.5294%
#b03f3c
11550524
-5226692 / 0xffb03f3c
hsl(2, 49%, 46%)
hsla(2, 49%, 46%, 1.0)
色調:2(1.5517)、彩度:66(65.9091)、値:69(69.0196)
X:20.4976、Y:13.1114、Z:5.7254
x:0.5211、y:0.3333、Y:13.1114
L:42.9306、a:45.8304、b:26.6764
L:42.9306、u:84.8487、v:19.6485
L:42.9306、C:53.0288、H:30.2023
L:36.2096、a:37.6788、b:15.972
シアン色:0(0)、マゼンタ色:64(0.642)、黄色:66(0.6591)、黒色:31(0.3098)
シアン色:31(0.3098)、マゼンタ色:75(0.7529)、黄色:76(0.7647)
Y:96.445、I:68.2797、Q:22.9611
Y:96.445、U:-17.9331、V:69.795
Y:96.445、Db:-54.849、Dr:-151.28
Y:98.864、Cb:109.959、Cr:177.82
Y:86.853、Pb:-14.495、Pr:56.638
7.5R 4/10近似、完全一致:Munsell 7.5R 4/10 / #a93c37
#b03f3c
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#b03f3c
黒まで#b03f3c
白まで#b03f3c
前景
<p style="color: #b03f3c">#b03f3c前景</p>
#b03f3c
背景
<p style="background-color: #b03f3c; color: #fff">#b03f3c背景</p>
#b03f3c
境界
<p style="border: #b03f3c 3px solid">#b03f3c境界</p>
#b03f3c
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #b03f3c, #fff); background: -webkit-radial-gradient(50% 50%, #b03f3c, #fff); background: -o-radial-gradient(50% 50%, #b03f3c, #fff); background: -ms-radial-gradient(50% 50%, #b03f3c, #fff); background: radial-gradient(50% 50%, #b03f3c, #fff); color: #fff">#b03f3c放射状グラデーション</p>
#b03f3c
を補足するための#3bacb0
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #b03f3c, #3bacb0); background: -webkit-linear-gradient(top, #b03f3c, #3bacb0); background: -o-linear-gradient(top, #b03f3c, #3bacb0); background: -ms-linear-gradient(top, #b03f3c, #3bacb0); background: linear-gradient(top, #b03f3c, #3bacb0); color: #fff">
#b03f3c
を補足するための#3bacb0
線上グラデーション</p>
#b03f3c
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #b03f3c">#b03f3cテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#b03f3c
に関連している順番で並べらられている。関連は、十六進法の色#b03f3c
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: