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