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