色見本
RGB
CMYK
RYB
#01aefa十六進の色コード十六進の色コード#01aefaシアン色の色合いです。光の三原色RGBにおいて色モデル#01aefaは0.39%の赤色、68.24%の绿色、98.04%の青色でできている。HSLで色彩空間#01aefaは198.31度の色調、99.2%の彩度、49.22%の明るさを有している。この色は約495 nmの波長である。
#01aefa情報反転
#fe5105 25% 飽和度
#00aefb 濃淡階調
#7d7d7d
rgb(1, 174, 250)
rgba(1, 174, 250, 1.0)
赤色：0.3922%、黄色：40.4228%、青色：98.0392%
#01aefa
110330
-16666886 / 0xff01aefa
hsl(198, 99%, 49%)
hsla(198, 99%, 49%, 1.0)
色調：198（198.3133）、彩度：100（99.6）、値：98（98.0392）
X：32.4039、Y：37.1807、Z：95.9112
x：0.1958、y：0.2247、Y：37.1807
L：67.4124、a：-10.2433、b：-47.9051
L：67.4124、u：-43.9831、v：-76.3722
L：67.4124、C：48.988、H：257.9305
L：60.976、a：-11.8494、b：-50.5761
シアン色：100（0.996）、マゼンタ色：30（0.304）、黄色：0（0）、黒色：2（0.0196）
シアン色：100（0.9961）、マゼンタ色：32（0.3176）、黄色：2（0.0196）
Y：130.937、I：-127.4749、Q：-12.9356
Y：130.937、U：58.5912、V：-113.9958
Y：130.937、Db：179.158、Dr：247.101
Y：128.453、Cb：186.968、Cr：46.657
Y：142.623、Pb：57.895、Pr：-89.996
10B 7/10近似、完全一致：Munsell 10B 7/10 / #42b9fe
#01aefa配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#01aefa黒まで#01aefa白まで#01aefa前景
<p style="color: #01aefa; background-color: #000">#01aefa前景</p>
#01aefa背景
<p style="background-color: #01aefa">#01aefa背景</p>
#01aefa境界
<p style="border: #01aefa 3px solid">#01aefa境界</p>
#01aefa放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #01aefa, #fff); background: -webkit-radial-gradient(50% 50%, #01aefa, #fff); background: -o-radial-gradient(50% 50%, #01aefa, #fff); background: -ms-radial-gradient(50% 50%, #01aefa, #fff); background: radial-gradient(50% 50%, #01aefa, #fff)">#01aefa放射状グラデーション</p>
#01aefaを補足するための#fa4d00線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #01aefa, #fa4d00); background: -webkit-linear-gradient(top, #01aefa, #fa4d00); background: -o-linear-gradient(top, #01aefa, #fa4d00); background: -ms-linear-gradient(top, #01aefa, #fa4d00); background: linear-gradient(top, #01aefa, #fa4d00); color: #000">#01aefaを補足するための#fa4d00線上グラデーション</p>
#01aefaテキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #01aefa">#01aefaテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#01aefaに関連している順番で並べらられている。関連は、十六進法の色#01aefaの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：