色見本
RGB
CMYK
RYB
#20a7e1十六進の色コード十六進の色コード#20a7e1シアン色の色合いです。光の三原色RGBにおいて色モデル#20a7e1は12.55%の赤色、65.49%の绿色、88.24%の青色でできている。HSLで色彩空間#20a7e1は198.03度の色調、76.28%の彩度、50.39%の明るさを有している。この色は約495 nmの波長である。TRUMATCH 31-bはペイントカラーに調和している。
#20a7e1情報反転
#df581e 25% 飽和度
#07b0f9 濃淡階調
#808080
rgb(32, 167, 225)
rgba(32, 167, 225, 1.0)
赤色：12.549%、黄色：43.7004%、青色：88.2353%
#20a7e1
2140129
-14637087 / 0xff20a7e1
hsl(198, 76%, 50%)
hsla(198, 76%, 50%, 1.0)
色調：198（198.0311）、彩度：86（85.7778）、値：88（88.2353）
X：28.005、Y：33.3808、Z：76.2013
x：0.2035、y：0.2426、Y：33.3808
L：64.468、a：-14.1325、b：-38.8298
L：64.468、u：-41.8402、v：-60.0396
L：64.468、C：41.3216、H：250.0004
L：57.7761、a：-14.5863、b：-37.7547
シアン色：86（0.8578）、マゼンタ色：26（0.2578）、黄色：0（0）、黒色：12（0.1176）
シアン色：87（0.8745）、マゼンタ色：35（0.3451）、黄色：12（0.1176）
Y：133.247、I：-99.0549、Q：-10.5007
Y：133.247、U：45.1522、V：-88.8256
Y：133.247、Db：138.064、Dr：192.541
Y：130.442、Cb：173.442、Cr：64.617
Y：142.421、Pb：44.525、Pr：-70.168
7.5B 6/10（近似の）
#20a7e1配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#20a7e1黒まで#20a7e1白まで#20a7e1前景
<p style="color: #20a7e1; background-color: #000">#20a7e1前景</p>
#20a7e1背景
<p style="background-color: #20a7e1">#20a7e1背景</p>
#20a7e1境界
<p style="border: #20a7e1 3px solid">#20a7e1境界</p>
#20a7e1放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #20a7e1, #fff); background: -webkit-radial-gradient(50% 50%, #20a7e1, #fff); background: -o-radial-gradient(50% 50%, #20a7e1, #fff); background: -ms-radial-gradient(50% 50%, #20a7e1, #fff); background: radial-gradient(50% 50%, #20a7e1, #fff)">#20a7e1放射状グラデーション</p>
#20a7e1を補足するための#e1591f線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #20a7e1, #e1591f); background: -webkit-linear-gradient(top, #20a7e1, #e1591f); background: -o-linear-gradient(top, #20a7e1, #e1591f); background: -ms-linear-gradient(top, #20a7e1, #e1591f); background: linear-gradient(top, #20a7e1, #e1591f); color: #000">#20a7e1を補足するための#e1591f線上グラデーション</p>
#20a7e1テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #20a7e1">#20a7e1テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#20a7e1に関連している順番で並べらられている。関連は、十六進法の色#20a7e1の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：