#ffb638
十六進の色コード十六進の色コード#ffb638
茶色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#ffb638
は100%の赤色、71.37%の绿色、21.96%の青色でできている。HSLで色彩空間#ffb638
は37.99度の色調、100%の彩度、60.98%の明るさを有している。この色は約596 nmの波長である。PPG Pittsburgh Paints Orange Ice 118-7とPorter Paints Orange Ice / 118-7はペイントカラーに調和している。
#ffb638
情報反転
#0049c7 25% 飽和度
#ffb638 濃淡階調
#9b9b9b
rgb(255, 182, 56)
rgba(255, 182, 56, 1.0)
赤色:67.174%、黄色:100%、青色:21.9608%
#ffb638
16758328
-18888 / 0xffffb638
hsl(38, 100%, 61%)
hsla(38, 100%, 61%, 1.0)
色調:38(37.9899)、彩度:78(78.0392)、値:100(100)
X:58.6818、Y:55.0014、Z:11.2649
x:0.4696、y:0.4402、Y:55.0014
L:79.0421、a:16.0893、b:69.9759
L:79.0421、u:59.5917、v:73.1496
L:79.0421、C:71.8017、H:77.0512
L:74.1629、a:11.4538、b:42.9083
シアン色:0(0)、マゼンタ色:29(0.2863)、黄色:78(0.7804)、黒色:0(0)
シアン色:0(0)、マゼンタ色:29(0.2863)、黄色:78(0.7804)
Y:189.463、I:83.9664、Q:-23.7667
Y:189.463、U:-65.6747、V:57.4963
Y:189.463、Db:-200.808、Dr:-124.651
Y:178.751、Cb:61.882、Cr:168.993
Y:188.477、Pb:-71.395、Pr:42.296
10YR 8/12(近似の)
#ffb638
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#ffb638
黒まで#ffb638
白まで#ffb638
前景
<p style="color: #ffb638; background-color: #000">#ffb638前景</p>
#ffb638
背景
<p style="background-color: #ffb638">#ffb638背景</p>
#ffb638
境界
<p style="border: #ffb638 3px solid">#ffb638境界</p>
#ffb638
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #ffb638, #fff); background: -webkit-radial-gradient(50% 50%, #ffb638, #fff); background: -o-radial-gradient(50% 50%, #ffb638, #fff); background: -ms-radial-gradient(50% 50%, #ffb638, #fff); background: radial-gradient(50% 50%, #ffb638, #fff)">#ffb638放射状グラデーション</p>
#ffb638
を補足するための#3880ff
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #ffb638, #3880ff); background: -webkit-linear-gradient(top, #ffb638, #3880ff); background: -o-linear-gradient(top, #ffb638, #3880ff); background: -ms-linear-gradient(top, #ffb638, #3880ff); background: linear-gradient(top, #ffb638, #3880ff); color: #000">
#ffb638
を補足するための#3880ff
線上グラデーション</p>
#ffb638
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #ffb638">#ffb638テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#ffb638
に関連している順番で並べらられている。関連は、十六進法の色#ffb638
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: