#02dc8e
十六進の色コード十六進の色コード#02dc8e
青シアン色の色合いです。光の三原色RGBにおいて色モデル#02dc8e
は0.78%の赤色、86.27%の绿色、55.69%の青色でできている。HSLで色彩空間#02dc8e
は158.53度の色調、98.2%の彩度、43.53%の明るさを有している。この色は約520 nmの波長である。
#02dc8e
情報反転
#fd2371 25% 飽和度
#00de8e 濃淡階調
#6f6f6f
rgb(2, 220, 142)
rgba(2, 220, 142, 1.0)
赤色:0.7843%、黄色:52.8426%、青色:86.2745%
#02dc8e
187534
-16589682 / 0xff02dc8e
hsl(159, 98%, 44%)
hsla(159, 98%, 44%, 1.0)
色調:159(158.5321)、彩度:99(99.0909)、値:86(86.2745)
X:30.5007、Y:53.1523、Z:34.2431
x:0.2587、y:0.4508、Y:53.1523
L:77.9648、a:-62.7048、b:25.9994
L:77.9648、u:-67.6301、v:46.3761
L:77.9648、C:67.8812、H:157.4796
L:72.9056、a:-52.9078、b:23.186
シアン色:99(0.9909)、マゼンタ色:0(0)、黄色:35(0.3545)、黒色:14(0.1373)
シアン色:99(0.9922)、マゼンタ色:14(0.1373)、黄色:44(0.4431)
Y:145.926、I:-104.8076、Q:-70.3659
Y:145.926、U:-1.9315、V:-126.2692
Y:145.926、Db:-5.874、Dr:273.668
Y:141.31、Cb:126.022、Cr:37.836
Y:167.95、Pb:-13.93、Pr:-105.412
2.5G 8/12近似、完全一致:Munsell 2.5G 8/12 / #4ae48d
#02dc8e
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#02dc8e
黒まで#02dc8e
白まで#02dc8e
前景
<p style="color: #02dc8e; background-color: #000">#02dc8e前景</p>
#02dc8e
背景
<p style="background-color: #02dc8e">#02dc8e背景</p>
#02dc8e
境界
<p style="border: #02dc8e 3px solid">#02dc8e境界</p>
#02dc8e
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02dc8e, #fff); background: -webkit-radial-gradient(50% 50%, #02dc8e, #fff); background: -o-radial-gradient(50% 50%, #02dc8e, #fff); background: -ms-radial-gradient(50% 50%, #02dc8e, #fff); background: radial-gradient(50% 50%, #02dc8e, #fff)">#02dc8e放射状グラデーション</p>
#02dc8e
を補足するための#dc0150
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02dc8e, #dc0150); background: -webkit-linear-gradient(top, #02dc8e, #dc0150); background: -o-linear-gradient(top, #02dc8e, #dc0150); background: -ms-linear-gradient(top, #02dc8e, #dc0150); background: linear-gradient(top, #02dc8e, #dc0150); color: #000">
#02dc8e
を補足するための#dc0150
線上グラデーション</p>
#02dc8e
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02dc8e">#02dc8eテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02dc8e
に関連している順番で並べらられている。関連は、十六進法の色#02dc8e
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: