色見本
RGB
CMYK
RYB
#ff003f十六進の色コード十六進の色コードでElectric crimson色#ff003fピンクがかっている赤色の色合いです。光の三原色RGBにおいて色モデル#ff003fは100%の赤色、0%の绿色、24.71%の青色でできている。HSLで色彩空間#ff003fは345.18度の色調、100%の彩度、50%の明るさを有している。この色は約403 nmの波長である。
#ff003f情報反転
#00ffc0 25% 飽和度
#ff003e 濃淡階調
#7f7f7f
25% 明るく
#ff3f6e オリジナル
#ff003f 25% 暗く
#bf002f
クリムゾン/クリムソン／crimson
#dc143c 25% 不飽和度
#df1f4f ウェブセーフ：red
#ff0000
rgb(255, 0, 63)
rgba(255, 0, 63, 1.0)
赤色：100%、黄色：0%、青色：24.7059%
#ff003f
16711743
-65473 / 0xffff003f
hsl(345, 100%, 50%)
hsla(345, 100%, 50%, 1.0)
色調：345（345.1765）、彩度：100（100）、値：100（100）
X：42.1372、Y：21.6189、Z：6.6546
x：0.5984、y：0.307、Y：21.6189
L：53.6203、a：81.1649、b：41.2547
L：53.6203、u：166.1666、v：24.5573
L：53.6203、C：91.0477、H：26.9434
L：46.4961、a：80.3978、b：24.0616
シアン色：0（0）、マゼンタ色：100（1）、黄色：75（0.7529）、黒色：0（0）
シアン色：0（0）、マゼンタ色：100（1）、黄色：75（0.7529）
Y：83.427、I：131.668、Q：73.5228
Y：83.427、U：-10.0502、V：150.5244
Y：83.427、Db：-30.771、Dr：-326.244
Y：87.709、Cb：117.917、Cr：235.472
Y：58.851、Pb：2.175、Pr：124.602
5R 5/18近似、完全一致：Munsell 5R 5/18 / #f40141
#ff003f配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#ff003f黒まで#ff003f白まで#ff003f前景
<p style="color: #ff003f">#ff003f前景</p>
#ff003f背景
<p style="background-color: #ff003f; color: #fff">#ff003f背景</p>
#ff003f境界
<p style="border: #ff003f 3px solid">#ff003f境界</p>
#ff003f放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #ff003f, #fff); background: -webkit-radial-gradient(50% 50%, #ff003f, #fff); background: -o-radial-gradient(50% 50%, #ff003f, #fff); background: -ms-radial-gradient(50% 50%, #ff003f, #fff); background: radial-gradient(50% 50%, #ff003f, #fff); color: #fff">#ff003f放射状グラデーション</p>
#ff003fを補足するための#00ffc0線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #ff003f, #00ffc0); background: -webkit-linear-gradient(top, #ff003f, #00ffc0); background: -o-linear-gradient(top, #ff003f, #00ffc0); background: -ms-linear-gradient(top, #ff003f, #00ffc0); background: linear-gradient(top, #ff003f, #00ffc0); color: #fff">#ff003fを補足するための#00ffc0線上グラデーション</p>
#ff003fテキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #ff003f">#ff003fテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#ff003fに関連している順番で並べらられている。関連は、十六進法の色#ff003fの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：