#02c581
十六進の色コード十六進の色コード#02c581
青シアン色の暗さの中間の色合いです。光の三原色RGBにおいて色モデル#02c581
は0.78%の赤色、77.25%の绿色、50.59%の青色でできている。HSLで色彩空間#02c581
は159.08度の色調、97.99%の彩度、39.02%の明るさを有している。この色は約520 nmの波長である。
#02c581
情報反転
#fd3a7e 25% 飽和度
#00c781 濃淡階調
#636363
rgb(2, 197, 129)
rgba(2, 197, 129, 1.0)
赤色:0.7843%、黄色:47.0941%、青色:77.2549%
#02c581
181633
-16595583 / 0xff02c581
hsl(159, 98%, 39%)
hsla(159, 98%, 39%, 1.0)
色調:159(159.0769)、彩度:99(98.9848)、値:77(77.2549)
X:23.9537、Y:41.5304、Z:27.5226
x:0.2575、y:0.4465、Y:41.5304
L:70.5459、a:-57.2165、b:22.7611
L:70.5459、u:-60.98、v:40.3973
L:70.5459、C:61.5776、H:158.307
L:64.4441、a:-46.429、b:19.7895
シアン色:99(0.9898)、マゼンタ色:0(0)、黄色:35(0.3452)、黒色:23(0.2275)
シアン色:99(0.9922)、マゼンタ色:23(0.2275)、黄色:49(0.4941)
Y:130.943、I:-94.3187、Q:-62.3911
Y:130.943、U:-0.9557、V:-113.1243
Y:130.943、Db:-2.894、Dr:245.179
Y:128.444、Cb:127.008、Cr:47.223
Y:150.569、Pb:-11.575、Pr:-94.372
2.5G 7/12近似、完全一致:Munsell 2.5G 7/12 / #20c877
#02c581
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#02c581
黒まで#02c581
白まで#02c581
前景
<p style="color: #02c581; background-color: #000">#02c581前景</p>
#02c581
背景
<p style="background-color: #02c581">#02c581背景</p>
#02c581
境界
<p style="border: #02c581 3px solid">#02c581境界</p>
#02c581
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02c581, #fff); background: -webkit-radial-gradient(50% 50%, #02c581, #fff); background: -o-radial-gradient(50% 50%, #02c581, #fff); background: -ms-radial-gradient(50% 50%, #02c581, #fff); background: radial-gradient(50% 50%, #02c581, #fff)">#02c581放射状グラデーション</p>
#02c581
を補足するための#c50245
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02c581, #c50245); background: -webkit-linear-gradient(top, #02c581, #c50245); background: -o-linear-gradient(top, #02c581, #c50245); background: -ms-linear-gradient(top, #02c581, #c50245); background: linear-gradient(top, #02c581, #c50245); color: #000">
#02c581
を補足するための#c50245
線上グラデーション</p>
#02c581
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02c581">#02c581テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02c581
に関連している順番で並べらられている。関連は、十六進法の色#02c581
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: