#2a2c14
十六進の色コード十六進の色コード#2a2c14
黄緑色のとても暗い色合いです。光の三原色RGBにおいて色モデル#2a2c14
は16.47%の赤色、17.25%の绿色、7.84%の青色でできている。HSLで色彩空間#2a2c14
は65度の色調、37.5%の彩度、12.55%の明るさを有している。この色は約579 nmの波長である。
#2a2c14
情報反転
#d5d3eb 25% 飽和度
#2c2f10 濃淡階調
#202020
25% 明るく
#343718 オリジナル
#2a2c14 25% 暗く
#1f200f
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#272817 ウェブセーフ:black
#000000
rgb(42, 44, 20)
rgba(42, 44, 20, 1.0)
赤色:7.8431%、黄色:17.2549%、青色:8.6275%
#2a2c14
2763796
-14013420 / 0xff2a2c14
hsl(65, 38%, 13%)
hsla(65, 38%, 13%, 1.0)
色調:65(65)、彩度:55(54.5455)、値:17(17.2549)
X:1.9818、Y:2.3441、Z:1.0098
x:0.3714、y:0.4393、Y:2.3441
L:17.1984、a:-5.4782、b:15.2184
L:17.1984、u:-0.1148、v:12.7034
L:17.1984、C:16.1743、H:109.7974
L:15.3105、a:-3.6883、b:6.8068
シアン色:5(0.0455)、マゼンタ色:0(0)、黄色:55(0.5455)、黒色:83(0.8275)
シアン色:84(0.8353)、マゼンタ色:83(0.8275)、黄色:92(0.9216)
Y:40.666、I:6.5189、Q:-7.8902
Y:40.666、U:-10.1693、V:1.1702
Y:40.666、Db:-31.092、Dr:-2.542
Y:50.93、Cb:117.76、Cr:128.826
Y:41.846、Pb:-11.77、Pr:0.104
5GY 2/4近似、完全一致:Munsell 5GY 2/4 / #2a3515
#2a2c14
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#2a2c14
黒まで#2a2c14
白まで#2a2c14
前景
<p style="color: #2a2c14">#2a2c14前景</p>
#2a2c14
背景
<p style="background-color: #2a2c14; color: #fff">#2a2c14背景</p>
#2a2c14
境界
<p style="border: #2a2c14 3px solid">#2a2c14境界</p>
#2a2c14
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #2a2c14, #fff); background: -webkit-radial-gradient(50% 50%, #2a2c14, #fff); background: -o-radial-gradient(50% 50%, #2a2c14, #fff); background: -ms-radial-gradient(50% 50%, #2a2c14, #fff); background: radial-gradient(50% 50%, #2a2c14, #fff); color: #fff">#2a2c14放射状グラデーション</p>
#2a2c14
を補足するための#15142c
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #2a2c14, #15142c); background: -webkit-linear-gradient(top, #2a2c14, #15142c); background: -o-linear-gradient(top, #2a2c14, #15142c); background: -ms-linear-gradient(top, #2a2c14, #15142c); background: linear-gradient(top, #2a2c14, #15142c); color: #fff">
#2a2c14
を補足するための#15142c
線上グラデーション</p>
#2a2c14
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #2a2c14">#2a2c14テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#2a2c14
に関連している順番で並べらられている。関連は、十六進法の色#2a2c14
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: