色見本
RGB
CMYK
RYB
#e30023十六進の色コード十六進の色コード#e30023ピンクがかっている赤色の色合いです。光の三原色RGBにおいて色モデル#e30023は89.02%の赤色、0%の绿色、13.73%の青色でできている。HSLで色彩空間#e30023は350.75度の色調、100%の彩度、44.51%の明るさを有している。この色は約399 nmの波長である。
#e30023情報反転
#1cffdc 25% 飽和度
#e30022 濃淡階調
#717171
25% 明るく
#fe1c3f オリジナル
#e30023 25% 暗く
#aa001a
クリムゾン/クリムソン／crimson
#dc143c 25% 不飽和度
#c61c36 ウェブセーフ：red
#ff0000
rgb(227, 0, 35)
rgba(227, 0, 35, 1.0)
赤色：89.0196%、黄色：0%、青色：13.7255%
#e30023
14876707
-1900509 / 0xffe30023
hsl(351, 100%, 45%)
hsla(351, 100%, 45%, 1.0)
色調：351（350.7489）、彩度：100（100）、値：89（89.0196）
X：31.9819、Y：16.4522、Z：3.0801
x：0.6208、y：0.3194、Y：16.4522
L：47.5623、a：73.7945、b：48.651
L：47.5623、u：152.3174、v：28.3099
L：47.5623、C：88.3886、H：33.3959
L：40.5614、a：69.7617、b：23.8907
シアン色：0（0）、マゼンタ色：100（1）、黄色：85（0.8458）、黒色：11（0.1098）
シアン色：11（0.1098）、マゼンタ色：100（1）、黄色：86（0.8627）
Y：71.863、I：123.9833、Q：58.8902
Y：71.863、U：-18.1385、V：136.1047
Y：71.863、Db：-55.495、Dr：-294.996
Y：77.769、Cb：109.769、Cr：225.168
Y：50.871、Pb：-8.605、Pr：111.89
7.5R 5/18近似、完全一致：Munsell 7.5R 5/18 / #f11c22
#e30023配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#e30023黒まで#e30023白まで#e30023前景
<p style="color: #e30023">#e30023前景</p>
#e30023背景
<p style="background-color: #e30023; color: #fff">#e30023背景</p>
#e30023境界
<p style="border: #e30023 3px solid">#e30023境界</p>
#e30023放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #e30023, #fff); background: -webkit-radial-gradient(50% 50%, #e30023, #fff); background: -o-radial-gradient(50% 50%, #e30023, #fff); background: -ms-radial-gradient(50% 50%, #e30023, #fff); background: radial-gradient(50% 50%, #e30023, #fff); color: #fff">#e30023放射状グラデーション</p>
#e30023を補足するための#00e3bf線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #e30023, #00e3bf); background: -webkit-linear-gradient(top, #e30023, #00e3bf); background: -o-linear-gradient(top, #e30023, #00e3bf); background: -ms-linear-gradient(top, #e30023, #00e3bf); background: linear-gradient(top, #e30023, #00e3bf); color: #fff">#e30023を補足するための#00e3bf線上グラデーション</p>
#e30023テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #e30023">#e30023テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#e30023に関連している順番で並べらられている。関連は、十六進法の色#e30023の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：