#c41e3a
十六進の色コード十六進の色コードでCardinal色#c41e3a
ピンクがかっている赤色の色合いです。光の三原色RGBにおいて色モデル#c41e3a
は76.86%の赤色、11.76%の绿色、22.75%の青色でできている。HSLで色彩空間#c41e3a
は349.88度の色調、73.45%の彩度、44.31%の明るさを有している。この色は約400 nmの波長である。
#c41e3a
情報反転
#3be1c5 25% 飽和度
#d8092c 濃淡階調
#717171
25% 明るく
#e03955 オリジナル
#c41e3a 25% 暗く
#93162b
クリムゾン/クリムソン/crimson
#dc143c 25% 不飽和度
#af3247 ウェブセーフ:red
#ff0000
rgb(196, 30, 58)
rgba(196, 30, 58, 1.0)
赤色:76.8627%、黄色:11.7647%、青色:22.7451%
#c41e3a
12852794
-3924422 / 0xffc41e3a
hsl(350, 73%, 44%)
hsla(350, 73%, 44%, 1.0)
色調:350(349.8795)、彩度:85(84.6939)、値:77(76.8627)
X:23.9929、Y:12.9698、Z:5.2418
x:0.5685、y:0.3073、Y:12.9698
L:42.7177、a:62.905、b:28.481
L:42.7177、u:117.6363、v:16.6248
L:42.7177、C:69.0522、H:24.3592
L:36.0136、a:55.8963、b:16.5798
シアン色:0(0)、マゼンタ色:85(0.8469)、黄色:70(0.7041)、黒色:23(0.2314)
シアン色:23(0.2314)、マゼンタ色:88(0.8824)、黄色:77(0.7725)
Y:82.826、I:89.8935、Q:43.8135
Y:82.826、U:-12.2153、V:99.2897
Y:82.826、Db:-37.376、Dr:-215.202
Y:87.176、Cb:115.724、Cr:198.886
Y:67.374、Pb:-5.09、Pr:81.712
5R 4/14近似、完全一致:Munsell 5R 4/14 / #bf1737
#c41e3a
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#c41e3a
黒まで#c41e3a
白まで#c41e3a
前景
<p style="color: #c41e3a">#c41e3a前景</p>
#c41e3a
背景
<p style="background-color: #c41e3a; color: #fff">#c41e3a背景</p>
#c41e3a
境界
<p style="border: #c41e3a 3px solid">#c41e3a境界</p>
#c41e3a
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #c41e3a, #fff); background: -webkit-radial-gradient(50% 50%, #c41e3a, #fff); background: -o-radial-gradient(50% 50%, #c41e3a, #fff); background: -ms-radial-gradient(50% 50%, #c41e3a, #fff); background: radial-gradient(50% 50%, #c41e3a, #fff); color: #fff">#c41e3a放射状グラデーション</p>
#c41e3a
を補足するための#1ec4a7
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #c41e3a, #1ec4a7); background: -webkit-linear-gradient(top, #c41e3a, #1ec4a7); background: -o-linear-gradient(top, #c41e3a, #1ec4a7); background: -ms-linear-gradient(top, #c41e3a, #1ec4a7); background: linear-gradient(top, #c41e3a, #1ec4a7); color: #fff">
#c41e3a
を補足するための#1ec4a7
線上グラデーション</p>
#c41e3a
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #c41e3a">#c41e3aテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#c41e3a
に関連している順番で並べらられている。関連は、十六進法の色#c41e3a
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: