色見本
RGB
CMYK
RYB
#ec2b56十六進の色コード十六進の色コード#ec2b56ピンクがかっている赤色の色合いです。光の三原色RGBにおいて色モデル#ec2b56は92.55%の赤色、16.86%の绿色、33.73%の青色でできている。HSLで色彩空間#ec2b56は346.63度の色調、83.55%の彩度、54.71%の明るさを有している。この色は約402 nmの波長である。Valspar Paint Coutureはペイントカラーに調和している。
#ec2b56情報反転
#13d4a9 25% 飽和度
#ff184b 濃淡階調
#8b8b8b
25% 明るく
#f16b89 オリジナル
#ec2b56 25% 暗く
#c01138
クリムゾン/クリムソン／crimson
#dc143c 25% 不飽和度
#d34363 ウェブセーフ：red
#ff0000
rgb(236, 43, 86)
rgba(236, 43, 86, 1.0)
赤色：92.549%、黄色：16.8627%、青色：33.7255%
#ec2b56
15477590
-1299626 / 0xffec2b56
hsl(347, 84%, 55%)
hsla(347, 84%, 55%, 1.0)
色調：347（346.6321）、彩度：82（81.7797）、値：93（92.549）
X：37.1357、Y：20.2325、Z：10.7521
x：0.5451、y：0.297、Y：20.2325
L：52.0991、a：71.9977、b：24.9691
L：52.0991、u：135.8142、v：13.5493
L：52.0991、C：76.2045、H：19.1268
L：44.9806、a：68.6525、b：17.3138
シアン色：0（0）、マゼンタ色：82（0.8178）、黄色：64（0.6356）、黒色：7（0.0745）
シアン色：7（0.0745）、マゼンタ色：83（0.8314）、黄色：66（0.6627）
Y：105.609、I：101.1589、Q：54.1898
Y：105.609、U：-9.6477、V：114.3946
Y：105.609、Db：-29.531、Dr：-247.938
Y：106.752、Cb：118.313、Cr：209.674
Y：87.205、Pb：-0.695、Pr：94.522
2.5R 5/16近似、完全一致：Munsell 2.5R 5/16 / #e82a5e
#ec2b56配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#ec2b56黒まで#ec2b56白まで#ec2b56前景
<p style="color: #ec2b56">#ec2b56前景</p>
#ec2b56背景
<p style="background-color: #ec2b56; color: #fff">#ec2b56背景</p>
#ec2b56境界
<p style="border: #ec2b56 3px solid">#ec2b56境界</p>
#ec2b56放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #ec2b56, #fff); background: -webkit-radial-gradient(50% 50%, #ec2b56, #fff); background: -o-radial-gradient(50% 50%, #ec2b56, #fff); background: -ms-radial-gradient(50% 50%, #ec2b56, #fff); background: radial-gradient(50% 50%, #ec2b56, #fff); color: #fff">#ec2b56放射状グラデーション</p>
#ec2b56を補足するための#2becc1線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #ec2b56, #2becc1); background: -webkit-linear-gradient(top, #ec2b56, #2becc1); background: -o-linear-gradient(top, #ec2b56, #2becc1); background: -ms-linear-gradient(top, #ec2b56, #2becc1); background: linear-gradient(top, #ec2b56, #2becc1); color: #fff">#ec2b56を補足するための#2becc1線上グラデーション</p>
#ec2b56テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #ec2b56">#ec2b56テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#ec2b56に関連している順番で並べらられている。関連は、十六進法の色#ec2b56の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：