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