#01aaf5
十六進の色コード十六進の色コード#01aaf5
シアン色の色合いです。光の三原色RGBにおいて色モデル#01aaf5
は0.39%の赤色、66.67%の绿色、96.08%の青色でできている。HSLで色彩空間#01aaf5
は198.44度の色調、99.19%の彩度、48.24%の明るさを有している。この色は約495 nmの波長である。
#01aaf5
情報反転
#fe550a 25% 飽和度
#00aaf6 濃淡階調
#7b7b7b
rgb(1, 170, 245)
rgba(1, 170, 245, 1.0)
赤色:0.3922%、黄色:39.5471%、青色:96.0784%
#01aaf5
109301
-16667915 / 0xff01aaf5
hsl(198, 99%, 48%)
hsla(198, 99%, 48%, 1.0)
色調:198(198.4426)、彩度:100(99.5918)、値:96(96.0784)
X:30.8687、Y:35.3485、Z:91.5822
x:0.1956、y:0.224、Y:35.3485
L:66.0191、a:-9.8434、b:-47.3784
L:66.0191、u:-43.0111、v:-75.2844
L:66.0191、C:48.3901、H:258.2631
L:59.4546、a:-11.3688、b:-49.7105
シアン色:100(0.9959)、マゼンタ色:31(0.3061)、黄色:0(0)、黒色:4(0.0392)
シアン色:100(0.9961)、マゼンタ色:33(0.3333)、黄色:4(0.0392)
Y:128.019、I:-124.7707、Q:-12.4009
Y:128.019、U:57.5667、V:-111.4357
Y:128.019、Db:176.025、Dr:241.552
Y:125.947、Cb:185.937、Cr:48.484
Y:139.403、Pb:56.935、Pr:-87.95
10B 6/12(近似の)
#01aaf5
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#01aaf5
黒まで#01aaf5
白まで#01aaf5
前景
<p style="color: #01aaf5; background-color: #000">#01aaf5前景</p>
#01aaf5
背景
<p style="background-color: #01aaf5">#01aaf5背景</p>
#01aaf5
境界
<p style="border: #01aaf5 3px solid">#01aaf5境界</p>
#01aaf5
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #01aaf5, #fff); background: -webkit-radial-gradient(50% 50%, #01aaf5, #fff); background: -o-radial-gradient(50% 50%, #01aaf5, #fff); background: -ms-radial-gradient(50% 50%, #01aaf5, #fff); background: radial-gradient(50% 50%, #01aaf5, #fff)">#01aaf5放射状グラデーション</p>
#01aaf5
を補足するための#f44c01
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #01aaf5, #f44c01); background: -webkit-linear-gradient(top, #01aaf5, #f44c01); background: -o-linear-gradient(top, #01aaf5, #f44c01); background: -ms-linear-gradient(top, #01aaf5, #f44c01); background: linear-gradient(top, #01aaf5, #f44c01); color: #000">
#01aaf5
を補足するための#f44c01
線上グラデーション</p>
#01aaf5
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #01aaf5">#01aaf5テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#01aaf5
に関連している順番で並べらられている。関連は、十六進法の色#01aaf5
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: