#f8bb7a
十六進の色コード十六進の色コード#f8bb7a
茶色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#f8bb7a
は97.25%の赤色、73.33%の绿色、47.84%の青色でできている。HSLで色彩空間#f8bb7a
は30.95度の色調、90%の彩度、72.55%の明るさを有している。この色は約601 nmの波長である。Dupont CAS194はペイントカラーに調和している。
#f8bb7a
情報反転
#074485 25% 飽和度
#ffbb72 濃淡階調
#b9b9b9
rgb(248, 187, 122)
rgba(248, 187, 122, 1.0)
赤色:94.2142%、黄色:97.2549%、青色:47.8431%
#f8bb7a
16300922
-476294 / 0xfff8bb7a
hsl(31, 90%, 73%)
hsla(31, 90%, 73%, 1.0)
色調:31(30.9524)、彩度:51(50.8065)、値:97(97.2549)
X:59.9946、Y:56.9022、Z:26.2335
x:0.4192、y:0.3976、Y:56.9022
L:80.1246、a:14.575、b:41.2819
L:80.1246、u:45.85、v:49.784
L:80.1246、C:43.7792、H:70.5539
L:75.4336、a:9.9576、b:32.1842
シアン色:0(0)、マゼンタ色:25(0.246)、黄色:51(0.5081)、黒色:3(0.0275)
シアン色:3(0.0275)、マゼンタ色:27(0.2667)、黄色:52(0.5216)
Y:197.829、I:57.2208、Q:-7.325
Y:197.829、U:-37.3131、V:44.0157
Y:197.829、Db:-114.095、Dr:-95.418
Y:185.94、Cb:90.437、Cr:159.394
Y:195.313、Pb:-39.515、Pr:33.49
7.5YR 8/8(近似の)
#f8bb7a
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#f8bb7a
黒まで#f8bb7a
白まで#f8bb7a
前景
<p style="color: #f8bb7a; background-color: #000">#f8bb7a前景</p>
#f8bb7a
背景
<p style="background-color: #f8bb7a">#f8bb7a背景</p>
#f8bb7a
境界
<p style="border: #f8bb7a 3px solid">#f8bb7a境界</p>
#f8bb7a
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #f8bb7a, #fff); background: -webkit-radial-gradient(50% 50%, #f8bb7a, #fff); background: -o-radial-gradient(50% 50%, #f8bb7a, #fff); background: -ms-radial-gradient(50% 50%, #f8bb7a, #fff); background: radial-gradient(50% 50%, #f8bb7a, #fff)">#f8bb7a放射状グラデーション</p>
#f8bb7a
を補足するための#79b6f8
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #f8bb7a, #79b6f8); background: -webkit-linear-gradient(top, #f8bb7a, #79b6f8); background: -o-linear-gradient(top, #f8bb7a, #79b6f8); background: -ms-linear-gradient(top, #f8bb7a, #79b6f8); background: linear-gradient(top, #f8bb7a, #79b6f8); color: #000">
#f8bb7a
を補足するための#79b6f8
線上グラデーション</p>
#f8bb7a
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #f8bb7a">#f8bb7aテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#f8bb7a
に関連している順番で並べらられている。関連は、十六進法の色#f8bb7a
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: