色見本
RGB
CMYK
RYB
#d51c1a十六進の色コード十六進の色コード#d51c1a赤色の色合いです。光の三原色RGBにおいて色モデル#d51c1aは83.53%の赤色、10.98%の绿色、10.2%の青色でできている。HSLで色彩空間#d51c1aは0.64度の色調、78.24%の彩度、46.86%の明るさを有している。この色は約620 nmの波長である。
#d51c1a情報反転
#2ae3e5 25% 飽和度
#ec0502 濃淡階調
#777777
25% 明るく
#e84442 オリジナル
#d51c1a 25% 暗く
#9f1413
クリムゾン/クリムソン／crimson
#dc143c 25% 不飽和度
#bd3231 ウェブセーフ：red
#ff0000
rgb(213, 28, 26)
rgba(213, 28, 26, 1.0)
赤色：83.5294%、黄色：10.9889%、青色：10.1961%
#d51c1a
13966362
-2810854 / 0xffd51c1a
hsl(1, 78%, 47%)
hsla(1, 78%, 47%, 1.0)
色調：1（0.6417）、彩度：88（87.7934）、値：84（83.5294）
X：28.0423、Y：15.0512、Z：2.4045
x：0.6163、y：0.3308、Y：15.0512
L：45.7043、a：66.8933、b：50.2755
L：45.7043、u：137.7772、v：30.0783
L：45.7043、C：83.68、H：36.9277
L：38.7959、a：61.1297、b：23.4825
シアン色：0（0）、マゼンタ色：87（0.8685）、黄色：88（0.8779）、黒色：16（0.1647）
シアン色：16（0.1647）、マゼンタ色：89（0.8902）、黄色：90（0.898）
Y：83.087、I：110.85、Q：38.4971
Y：83.087、U：-28.0908、V：113.975
Y：83.087、Db：-85.916、Dr：-247.039
Y：87.401、Cb：99.742、Cr：209.357
Y：67.261、Pb：-22.275、Pr：92.592
7.5R 4/16（近似の）
#d51c1a配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#d51c1a黒まで#d51c1a白まで#d51c1a前景
<p style="color: #d51c1a">#d51c1a前景</p>
#d51c1a背景
<p style="background-color: #d51c1a; color: #fff">#d51c1a背景</p>
#d51c1a境界
<p style="border: #d51c1a 3px solid">#d51c1a境界</p>
#d51c1a放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #d51c1a, #fff); background: -webkit-radial-gradient(50% 50%, #d51c1a, #fff); background: -o-radial-gradient(50% 50%, #d51c1a, #fff); background: -ms-radial-gradient(50% 50%, #d51c1a, #fff); background: radial-gradient(50% 50%, #d51c1a, #fff); color: #fff">#d51c1a放射状グラデーション</p>
#d51c1aを補足するための#19d2d4線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #d51c1a, #19d2d4); background: -webkit-linear-gradient(top, #d51c1a, #19d2d4); background: -o-linear-gradient(top, #d51c1a, #19d2d4); background: -ms-linear-gradient(top, #d51c1a, #19d2d4); background: linear-gradient(top, #d51c1a, #19d2d4); color: #fff">#d51c1aを補足するための#19d2d4線上グラデーション</p>
#d51c1aテキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #d51c1a">#d51c1aテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#d51c1aに関連している順番で並べらられている。関連は、十六進法の色#d51c1aの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：