色見本
RGB
CMYK
RYB
#f42046十六進の色コード十六進の色コード#f42046ピンクがかっている赤色の色合いです。光の三原色RGBにおいて色モデル#f42046は95.69%の赤色、12.55%の绿色、27.45%の青色でできている。HSLで色彩空間#f42046は349.25度の色調、90.6%の彩度、54.12%の明るさを有している。この色は約400 nmの波長である。
#f42046情報反転
#0bdfb9 25% 飽和度
#ff153e 濃淡階調
#8a8a8a
25% 明るく
#f7617c オリジナル
#f42046 25% 暗く
#c5092b
クリムゾン/クリムソン／crimson
#dc143c 25% 不飽和度
#d93a56 ウェブセーフ：red
#ff0000
rgb(244, 32, 70)
rgba(244, 32, 70, 1.0)
赤色：95.6863%、黄色：12.549%、青色：27.451%
#f42046
15999046
-778170 / 0xfff42046
hsl(349, 91%, 54%)
hsla(349, 91%, 54%, 1.0)
色調：349（349.2453）、彩度：87（86.8852）、値：96（95.6863）
X：38.9302、Y：20.7083、Z：7.7396
x：0.5778、y：0.3073、Y：20.7083
L：52.6288、a：75.5102、b：35.4773
L：52.6288、u：150.4471、v：21.6414
L：52.6288、C：83.4292、H：25.1658
L：45.5064、a：73.0687、b：21.7706
シアン色：0（0）、マゼンタ色：87（0.8689）、黄色：71（0.7131）、黒色：4（0.0431）
シアン色：4（0.0431）、マゼンタ色：87（0.8745）、黄色：73（0.7255）
Y：99.72、I：114.0838、Q：56.6518
Y：99.72、U：-14.6232、V：126.5796
Y：99.72、Db：-44.746、Dr：-274.35
Y：101.696、Cb：113.306、Cr：218.37
Y：79.892、Pb：-5.38、Pr：104.252
5R 5/18近似、完全一致：Munsell 5R 5/18 / #f40141
#f42046配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#f42046黒まで#f42046白まで#f42046前景
<p style="color: #f42046">#f42046前景</p>
#f42046背景
<p style="background-color: #f42046; color: #fff">#f42046背景</p>
#f42046境界
<p style="border: #f42046 3px solid">#f42046境界</p>
#f42046放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #f42046, #fff); background: -webkit-radial-gradient(50% 50%, #f42046, #fff); background: -o-radial-gradient(50% 50%, #f42046, #fff); background: -ms-radial-gradient(50% 50%, #f42046, #fff); background: radial-gradient(50% 50%, #f42046, #fff); color: #fff">#f42046放射状グラデーション</p>
#f42046を補足するための#20f3cd線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #f42046, #20f3cd); background: -webkit-linear-gradient(top, #f42046, #20f3cd); background: -o-linear-gradient(top, #f42046, #20f3cd); background: -ms-linear-gradient(top, #f42046, #20f3cd); background: linear-gradient(top, #f42046, #20f3cd); color: #fff">#f42046を補足するための#20f3cd線上グラデーション</p>
#f42046テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #f42046">#f42046テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#f42046に関連している順番で並べらられている。関連は、十六進法の色#f42046の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：