#63aad9
十六進の色コード十六進の色コード#63aad9
シアン青色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#63aad9
は38.82%の赤色、66.67%の绿色、85.1%の青色でできている。HSLで色彩空間#63aad9
は203.9度の色調、60.82%の彩度、61.96%の明るさを有している。この色は約492 nmの波長である。Coronado Paint 7328 - City Of Atlantisはペイントカラーに調和している。
#63aad9
情報反転
#9c5526 25% 飽和度
#54ace7 濃淡階調
#9e9e9e
rgb(99, 170, 217)
rgba(99, 170, 217, 1.0)
赤色:38.8235%、黄色:56.2071%、青色:85.098%
#63aad9
6531801
-10245415 / 0xff63aad9
hsl(204, 61%, 62%)
hsla(204, 61%, 62%, 1.0)
色調:204(203.8983)、彩度:54(54.3779)、値:85(85.098)
X:32.0447、Y:36.4119、Z:70.9849
x:0.2298、y:0.2611、Y:36.4119
L:66.8334、a:-9.0432、b:-30.6035
L:66.8334、u:-31.13、v:-47.0343
L:66.8334、C:31.9117、H:253.5378
L:60.3422、a:-10.8066、b:-27.5075
シアン色:54(0.5438)、マゼンタ色:22(0.2166)、黄色:0(0)、黒色:15(0.149)
シアン色:61(0.6118)、マゼンタ色:33(0.3333)、黄色:15(0.149)
Y:154.129、I:-57.3952、Q:-0.39
Y:154.129、U:30.9399、V:-48.3655
Y:154.129、Db:94.601、Dr:104.842
Y:148.389、Cb:159.141、Cr:93.494
Y:158.261、Pb:31.665、Pr:-37.662
10B 7/8近似、完全一致:Munsell 10B 7/8 / #6ab6ed
#63aad9
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#63aad9
黒まで#63aad9
白まで#63aad9
前景
<p style="color: #63aad9; background-color: #000">#63aad9前景</p>
#63aad9
背景
<p style="background-color: #63aad9">#63aad9背景</p>
#63aad9
境界
<p style="border: #63aad9 3px solid">#63aad9境界</p>
#63aad9
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #63aad9, #fff); background: -webkit-radial-gradient(50% 50%, #63aad9, #fff); background: -o-radial-gradient(50% 50%, #63aad9, #fff); background: -ms-radial-gradient(50% 50%, #63aad9, #fff); background: radial-gradient(50% 50%, #63aad9, #fff)">#63aad9放射状グラデーション</p>
#63aad9
を補足するための#d99262
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #63aad9, #d99262); background: -webkit-linear-gradient(top, #63aad9, #d99262); background: -o-linear-gradient(top, #63aad9, #d99262); background: -ms-linear-gradient(top, #63aad9, #d99262); background: linear-gradient(top, #63aad9, #d99262); color: #000">
#63aad9
を補足するための#d99262
線上グラデーション</p>
#63aad9
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #63aad9">#63aad9テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#63aad9
に関連している順番で並べらられている。関連は、十六進法の色#63aad9
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: