#02ec56
十六進の色コード十六進の色コード#02ec56
青シアン色の色合いです。光の三原色RGBにおいて色モデル#02ec56
は0.78%の赤色、92.55%の绿色、33.73%の青色でできている。HSLで色彩空間#02ec56
は141.54度の色調、98.32%の彩度、46.67%の明るさを有している。この色は約531 nmの波長である。
#02ec56
情報反転
#fd13a9 25% 飽和度
#00ed55 濃淡階調
#767676
rgb(2, 236, 86)
rgba(2, 236, 86, 1.0)
赤色:0.7843%、黄色:68.3093%、青色:92.549%
#02ec56
191574
-16585642 / 0xff02ec56
hsl(142, 98%, 47%)
hsla(142, 98%, 47%, 1.0)
色調:142(141.5385)、彩度:99(99.1525)、値:93(92.549)
X:31.7002、Y:60.6757、Z:18.8449
x:0.285、y:0.5455、Y:60.6757
L:82.2041、a:-76.5477、b:57.8602
L:82.2041、u:-75.6949、v:84.035
L:82.2041、C:95.955、H:142.9154
L:77.8946、a:-63.6727、b:40.1823
シアン色:99(0.9915)、マゼンタ色:0(0)、黄色:64(0.6356)、黒色:7(0.0745)
シアン色:99(0.9922)、マゼンタ色:7(0.0745)、黄色:66(0.6627)
Y:148.934、I:-91.2081、Q:-96.151
Y:148.934、U:-30.9692、V:-128.9085
Y:148.934、Db:-94.65、Dr:279.372
Y:143.886、Cb:96.782、Cr:35.924
Y:175.358、Pb:-48.09、Pr:-110.1
10GY 8/16近似、完全一致:Munsell 10GY 8/16 / #47e740
#02ec56
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#02ec56
黒まで#02ec56
白まで#02ec56
前景
<p style="color: #02ec56; background-color: #000">#02ec56前景</p>
#02ec56
背景
<p style="background-color: #02ec56">#02ec56背景</p>
#02ec56
境界
<p style="border: #02ec56 3px solid">#02ec56境界</p>
#02ec56
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02ec56, #fff); background: -webkit-radial-gradient(50% 50%, #02ec56, #fff); background: -o-radial-gradient(50% 50%, #02ec56, #fff); background: -ms-radial-gradient(50% 50%, #02ec56, #fff); background: radial-gradient(50% 50%, #02ec56, #fff)">#02ec56放射状グラデーション</p>
#02ec56
を補足するための#eb0197
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02ec56, #eb0197); background: -webkit-linear-gradient(top, #02ec56, #eb0197); background: -o-linear-gradient(top, #02ec56, #eb0197); background: -ms-linear-gradient(top, #02ec56, #eb0197); background: linear-gradient(top, #02ec56, #eb0197); color: #000">
#02ec56
を補足するための#eb0197
線上グラデーション</p>
#02ec56
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02ec56">#02ec56テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02ec56
に関連している順番で並べらられている。関連は、十六進法の色#02ec56
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: