#18af85
十六進の色コード十六進の色コード#18af85
青シアン色の暗さの中間の色合いです。光の三原色RGBにおいて色モデル#18af85
は9.41%の赤色、68.63%の绿色、52.16%の青色でできている。HSLで色彩空間#18af85
は163.31度の色調、75.88%の彩度、39.02%の明るさを有している。この色は約517 nmの波長である。
#18af85
情報反転
#e7507a 25% 飽和度
#05c18d 濃淡階調
#636363
rgb(24, 175, 133)
rgba(24, 175, 133, 1.0)
赤色:9.4118%、黄色:43.8024%、青色:68.6275%
#18af85
1617797
-15159419 / 0xff18af85
hsl(163, 76%, 39%)
hsla(163, 76%, 39%, 1.0)
色調:163(163.3113)、彩度:86(86.2857)、値:69(68.6275)
X:19.9403、Y:32.5476、Z:27.4217
x:0.2495、y:0.4073、Y:32.5476
L:63.7929、a:-46.836、b:11.2727
L:63.7929、u:-52.0368、v:23.0547
L:63.7929、C:48.1735、H:166.4672
L:57.0505、a:-37.449、b:11.4373
シアン色:86(0.8629)、マゼンタ色:0(0)、黄色:24(0.24)、黒色:31(0.3137)
シアン色:91(0.9059)、マゼンタ色:31(0.3137)、黄色:48(0.4784)
Y:125.063、I:-76.4601、Q:-44.9975
Y:125.063、U:3.9064、V:-88.6646
Y:125.063、Db:11.964、Dr:192.169
Y:123.402、Cb:131.91、Cr:64.693
Y:139.813、Pb:-3.635、Pr:-73.568
5G 6/10(近似の)
#18af85
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#18af85
黒まで#18af85
白まで#18af85
前景
<p style="color: #18af85; background-color: #000">#18af85前景</p>
#18af85
背景
<p style="background-color: #18af85">#18af85背景</p>
#18af85
境界
<p style="border: #18af85 3px solid">#18af85境界</p>
#18af85
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #18af85, #fff); background: -webkit-radial-gradient(50% 50%, #18af85, #fff); background: -o-radial-gradient(50% 50%, #18af85, #fff); background: -ms-radial-gradient(50% 50%, #18af85, #fff); background: radial-gradient(50% 50%, #18af85, #fff)">#18af85放射状グラデーション</p>
#18af85
を補足するための#af1841
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #18af85, #af1841); background: -webkit-linear-gradient(top, #18af85, #af1841); background: -o-linear-gradient(top, #18af85, #af1841); background: -ms-linear-gradient(top, #18af85, #af1841); background: linear-gradient(top, #18af85, #af1841); color: #000">
#18af85
を補足するための#af1841
線上グラデーション</p>
#18af85
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #18af85">#18af85テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#18af85
に関連している順番で並べらられている。関連は、十六進法の色#18af85
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: