#fd013c
十六進の色コード十六進の色コード#fd013c
ピンクがかっている赤色の色合いです。光の三原色RGBにおいて色モデル#fd013c
は99.22%の赤色、0.39%の绿色、23.53%の青色でできている。HSLで色彩空間#fd013c
は345.95度の色調、99.21%の彩度、49.8%の明るさを有している。この色は約402 nmの波長である。
#fd013c
情報反転
#02fec3 25% 飽和度
#fe003b 濃淡階調
#7f7f7f
25% 明るく
#fe3f6b オリジナル
#fd013c 25% 暗く
#bd002c
クリムゾン/クリムソン/crimson
#dc143c 25% 不飽和度
#dd204c ウェブセーフ:red
#ff0000
rgb(253, 1, 60)
rgba(253, 1, 60, 1.0)
赤色:99.2157%、黄色:0.3922%、青色:23.5294%
#fd013c
16580924
-196292 / 0xfffd013c
hsl(346, 99%, 50%)
hsla(346, 99%, 50%, 1.0)
色調:346(345.9524)、彩度:100(99.6047)、値:99(99.2157)
X:41.3345、Y:21.2306、Z:6.1943
x:0.6011、y:0.3088、Y:21.2306
L:53.201、a:80.5358、b:42.3917
L:53.201、u:165.3832、v:25.3485
L:53.201、C:91.0114、H:27.761
L:46.0767、a:79.4947、b:24.283
シアン色:0(0)、マゼンタ色:100(0.996)、黄色:76(0.7628)、黒色:1(0.0078)
シアン色:1(0.0078)、マゼンタ色:100(0.9961)、黄色:76(0.7647)
Y:83.074、I:131.1659、Q:71.6439
Y:83.074、U:-11.3528、V:149.0794
Y:83.074、Db:-34.753、Dr:-323.113
Y:87.405、Cb:116.605、Cr:234.439
Y:58.924、Pb:0.52、Pr:123.286
5R 5/18近似、完全一致:Munsell 5R 5/18 / #f40141
#fd013c
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#fd013c
黒まで#fd013c
白まで#fd013c
前景
<p style="color: #fd013c">#fd013c前景</p>
#fd013c
背景
<p style="background-color: #fd013c; color: #fff">#fd013c背景</p>
#fd013c
境界
<p style="border: #fd013c 3px solid">#fd013c境界</p>
#fd013c
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #fd013c, #fff); background: -webkit-radial-gradient(50% 50%, #fd013c, #fff); background: -o-radial-gradient(50% 50%, #fd013c, #fff); background: -ms-radial-gradient(50% 50%, #fd013c, #fff); background: radial-gradient(50% 50%, #fd013c, #fff); color: #fff">#fd013c放射状グラデーション</p>
#fd013c
を補足するための#00fdc2
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #fd013c, #00fdc2); background: -webkit-linear-gradient(top, #fd013c, #00fdc2); background: -o-linear-gradient(top, #fd013c, #00fdc2); background: -ms-linear-gradient(top, #fd013c, #00fdc2); background: linear-gradient(top, #fd013c, #00fdc2); color: #fff">
#fd013c
を補足するための#00fdc2
線上グラデーション</p>
#fd013c
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #fd013c">#fd013cテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#fd013c
に関連している順番で並べらられている。関連は、十六進法の色#fd013c
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: