#f4014a
十六進の色コード十六進の色コード#f4014a
ピンク色の色合いです。光の三原色RGBにおいて色モデル#f4014a
は95.69%の赤色、0.39%の绿色、29.02%の青色でできている。HSLで色彩空間#f4014a
は341.98度の色調、99.18%の彩度、48.04%の明るさを有している。この色は約405 nmの波長である。
#f4014a
情報反転
#0bfeb5 25% 飽和度
#f50049 濃淡階調
#7a7a7a
25% 明るく
#fe3470 オリジナル
#f4014a 25% 暗く
#b70037
クリムゾン/クリムソン/crimson
#dc143c 25% 不飽和度
#d51f56 ウェブセーフ:red
#ff0000
rgb(244, 1, 74)
rgba(244, 1, 74, 1.0)
赤色:95.6863%、黄色:0.3922%、青色:29.0196%
#f4014a
15991114
-786102 / 0xfff4014a
hsl(342, 99%, 48%)
hsla(342, 99%, 48%, 1.0)
色調:342(341.9753)、彩度:100(99.5902)、値:96(95.6863)
X:38.5551、Y:19.7492、Z:8.2585
x:0.5792、y:0.2967、Y:19.7492
L:51.5525、a:78.9529、b:31.8102
L:51.5525、u:154.855、v:17.4155
L:51.5525、C:85.1202、H:21.9445
L:44.4401、a:77.092、b:20.09
シアン色:0(0)、マゼンタ色:100(0.9959)、黄色:70(0.6967)、黒色:4(0.0431)
シアン色:4(0.0431)、マゼンタ色:100(0.9961)、黄色:71(0.7098)
Y:81.979、I:121.3068、Q:74.0967
Y:81.979、U:-3.9246、V:142.1443
Y:81.979、Db:-12.041、Dr:-308.078
Y:86.464、Cb:124.083、Cr:229.494
Y:58.015、Pb:8.555、Pr:118.142
5R 5/18近似、完全一致:Munsell 5R 5/18 / #f40141
#f4014a
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#f4014a
黒まで#f4014a
白まで#f4014a
前景
<p style="color: #f4014a">#f4014a前景</p>
#f4014a
背景
<p style="background-color: #f4014a; color: #fff">#f4014a背景</p>
#f4014a
境界
<p style="border: #f4014a 3px solid">#f4014a境界</p>
#f4014a
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #f4014a, #fff); background: -webkit-radial-gradient(50% 50%, #f4014a, #fff); background: -o-radial-gradient(50% 50%, #f4014a, #fff); background: -ms-radial-gradient(50% 50%, #f4014a, #fff); background: radial-gradient(50% 50%, #f4014a, #fff); color: #fff">#f4014a放射状グラデーション</p>
#f4014a
を補足するための#01f3ab
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #f4014a, #01f3ab); background: -webkit-linear-gradient(top, #f4014a, #01f3ab); background: -o-linear-gradient(top, #f4014a, #01f3ab); background: -ms-linear-gradient(top, #f4014a, #01f3ab); background: linear-gradient(top, #f4014a, #01f3ab); color: #fff">
#f4014a
を補足するための#01f3ab
線上グラデーション</p>
#f4014a
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #f4014a">#f4014aテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#f4014a
に関連している順番で並べらられている。関連は、十六進法の色#f4014a
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: