#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
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: