色見本
RGB
CMYK
RYB
#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の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：