#01f654
十六進の色コード十六進の色コード#01f654
青シアン色の色合いです。光の三原色RGBにおいて色モデル#01f654
は0.39%の赤色、96.47%の绿色、32.94%の青色でできている。HSLで色彩空間#01f654
は140.33度の色調、99.19%の彩度、48.43%の明るさを有している。この色は約532 nmの波長である。
#01f654
情報反転
#fe09ab 25% 飽和度
#00f753 濃淡階調
#7b7b7b
rgb(1, 246, 84)
rgba(1, 246, 84, 1.0)
赤色:0.3922%、黄色:72.1581%、青色:96.4706%
#01f654
128596
-16648620 / 0xff01f654
hsl(140, 99%, 48%)
hsla(140, 99%, 48%, 1.0)
色調:140(140.3265)、彩度:100(99.5935)、値:96(96.4706)
X:34.5685、Y:66.5581、Z:19.4126
x:0.2868、y:0.5522、Y:66.5581
L:85.2803、a:-79.6495、b:62.056
L:85.2803、u:-78.8465、v:89.3931
L:85.2803、C:100.9702、H:142.0774
L:81.5831、a:-67.1362、b:43.0003
シアン色:100(0.9959)、マゼンタ色:0(0)、黄色:66(0.6585)、黒色:4(0.0353)
シアン色:100(0.9961)、マゼンタ色:4(0.0353)、黄色:67(0.6706)
Y:154.277、I:-93.9058、Q:-102.2106
Y:154.277、U:-34.5827、V:-134.4734
Y:154.277、Db:-105.696、Dr:291.431
Y:148.473、Cb:93.142、Cr:31.947
Y:182.151、Pb:-52.825、Pr:-115.048
10GY 8/16近似、完全一致:Munsell 10GY 8/16 / #47e740
#01f654
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#01f654
黒まで#01f654
白まで#01f654
前景
<p style="color: #01f654; background-color: #000">#01f654前景</p>
#01f654
背景
<p style="background-color: #01f654">#01f654背景</p>
#01f654
境界
<p style="border: #01f654 3px solid">#01f654境界</p>
#01f654
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #01f654, #fff); background: -webkit-radial-gradient(50% 50%, #01f654, #fff); background: -o-radial-gradient(50% 50%, #01f654, #fff); background: -ms-radial-gradient(50% 50%, #01f654, #fff); background: radial-gradient(50% 50%, #01f654, #fff)">#01f654放射状グラデーション</p>
#01f654
を補足するための#f600a2
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #01f654, #f600a2); background: -webkit-linear-gradient(top, #01f654, #f600a2); background: -o-linear-gradient(top, #01f654, #f600a2); background: -ms-linear-gradient(top, #01f654, #f600a2); background: linear-gradient(top, #01f654, #f600a2); color: #000">
#01f654
を補足するための#f600a2
線上グラデーション</p>
#01f654
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #01f654">#01f654テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#01f654
に関連している順番で並べらられている。関連は、十六進法の色#01f654
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: