#682220
十六進の色コード十六進の色コード#682220
赤色の暗さの中間の色合いです。光の三原色RGBにおいて色モデル#682220
は40.78%の赤色、13.33%の绿色、12.55%の青色でできている。HSLで色彩空間#682220
は1.67度の色調、52.94%の彩度、26.67%の明るさを有している。この色は約619 nmの波長である。Natural Color System / NCS S 4550-Y90Rはペイントカラーに調和している。
#682220
情報反転
#97dddf 25% 飽和度
#711916 濃淡階調
#444444
rgb(104, 34, 32)
rgba(104, 34, 32, 1.0)
赤色:40.7843%、黄色:13.3557%、青色:12.549%
#682220
6824480
-9952736 / 0xff682220
hsl(2, 53%, 27%)
hsla(2, 53%, 27%, 1.0)
色調:2(1.6667)、彩度:69(69.2308)、値:41(40.7843)
X:6.5417、Y:4.1914、Z:1.8307
x:0.5207、y:0.3336、Y:4.1914
L:24.2944、a:31.2227、b:18.2358
L:24.2944、u:47.8452、v:11.1393
L:24.2944、C:36.158、H:30.2874
L:20.4729、a:21.2081、b:9.0292
シアン色:0(0)、マゼンタ色:67(0.6731)、黄色:69(0.6923)、黒色:59(0.5922)
シアン色:59(0.5922)、マゼンタ色:87(0.8667)、黄色:87(0.8745)
Y:54.702、I:42.3426、Q:14.1797
Y:54.702、U:-11.1708、V:43.25
Y:54.702、Db:-34.166、Dr:-93.744
Y:63、Cb:116.762、Cr:158.872
Y:48.766、Pb:-9.05、Pr:35.092
10R 2/6近似、完全一致:Munsell 10R 2/6 / #581d1c
#682220
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#682220
黒まで#682220
白まで#682220
前景
<p style="color: #682220">#682220前景</p>
#682220
背景
<p style="background-color: #682220; color: #fff">#682220背景</p>
#682220
境界
<p style="border: #682220 3px solid">#682220境界</p>
#682220
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #682220, #fff); background: -webkit-radial-gradient(50% 50%, #682220, #fff); background: -o-radial-gradient(50% 50%, #682220, #fff); background: -ms-radial-gradient(50% 50%, #682220, #fff); background: radial-gradient(50% 50%, #682220, #fff); color: #fff">#682220放射状グラデーション</p>
#682220
を補足するための#206567
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #682220, #206567); background: -webkit-linear-gradient(top, #682220, #206567); background: -o-linear-gradient(top, #682220, #206567); background: -ms-linear-gradient(top, #682220, #206567); background: linear-gradient(top, #682220, #206567); color: #fff">
#682220
を補足するための#206567
線上グラデーション</p>
#682220
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #682220">#682220テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#682220
に関連している順番で並べらられている。関連は、十六進法の色#682220
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: