#ab4b52
十六進の色コード十六進の色コードでEnglish red色#ab4b52
ピンクがかっている赤色の色合いです。光の三原色RGBにおいて色モデル#ab4b52
は67.06%の赤色、29.41%の绿色、32.16%の青色でできている。HSLで色彩空間#ab4b52
は355.63度の色調、39.02%の彩度、48.24%の明るさを有している。この色は約396 nmの波長である。
#ab4b52
情報反転
#54b4ad 25% 飽和度
#b63e47 濃淡階調
#7a7a7a
25% 明るく
#c17277 オリジナル
#ab4b52 25% 暗く
#80383d
クリムゾン/クリムソン/crimson
#dc143c 25% 不飽和度
#9e565c ウェブセーフ:red
#ff0000
rgb(171, 75, 82)
rgba(171, 75, 82, 1.0)
赤色:67.0588%、黄色:29.4118%、青色:32.1569%
#ab4b52
11225938
-5551278 / 0xffab4b52
hsl(356, 39%, 48%)
hsla(356, 39%, 48%, 1.0)
色調:356(355.625)、彩度:56(56.1404)、値:67(67.0588)
X:20.8337、Y:14.2993、Z:9.6446
x:0.4653、y:0.3193、Y:14.2993
L:44.6591、a:40.0094、b:15.4312
L:44.6591、u:68.2255、v:10.8366
L:44.6591、C:42.8821、H:21.091
L:37.8144、a:32.1685、b:11.3481
シアン色:0(0)、マゼンタ色:56(0.5614)、黄色:52(0.5205)、黒色:33(0.3294)
シアン色:33(0.3294)、マゼンタ色:71(0.7059)、黄色:68(0.6784)
Y:104.502、I:54.9399、Q:22.4777
Y:104.502、U:-11.0717、V:58.3399
Y:104.502、Db:-33.869、Dr:-126.449
Y:105.783、Cb:116.865、Cr:169.647
Y:95.952、Pb:-7.54、Pr:47.678
5R 4/8近似、完全一致:Munsell 5R 4/8 / #9e4449
#ab4b52
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#ab4b52
黒まで#ab4b52
白まで#ab4b52
前景
<p style="color: #ab4b52">#ab4b52前景</p>
#ab4b52
背景
<p style="background-color: #ab4b52; color: #fff">#ab4b52背景</p>
#ab4b52
境界
<p style="border: #ab4b52 3px solid">#ab4b52境界</p>
#ab4b52
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #ab4b52, #fff); background: -webkit-radial-gradient(50% 50%, #ab4b52, #fff); background: -o-radial-gradient(50% 50%, #ab4b52, #fff); background: -ms-radial-gradient(50% 50%, #ab4b52, #fff); background: radial-gradient(50% 50%, #ab4b52, #fff); color: #fff">#ab4b52放射状グラデーション</p>
#ab4b52
を補足するための#4aaaa3
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #ab4b52, #4aaaa3); background: -webkit-linear-gradient(top, #ab4b52, #4aaaa3); background: -o-linear-gradient(top, #ab4b52, #4aaaa3); background: -ms-linear-gradient(top, #ab4b52, #4aaaa3); background: linear-gradient(top, #ab4b52, #4aaaa3); color: #fff">
#ab4b52
を補足するための#4aaaa3
線上グラデーション</p>
#ab4b52
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #ab4b52">#ab4b52テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#ab4b52
に関連している順番で並べらられている。関連は、十六進法の色#ab4b52
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: