#02df57
十六進の色コード十六進の色コード#02df57
青シアン色の色合いです。光の三原色RGBにおいて色モデル#02df57
は0.78%の赤色、87.45%の绿色、34.12%の青色でできている。HSLで色彩空間#02df57
は143.08度の色調、98.22%の彩度、44.12%の明るさを有している。この色は約530 nmの波長である。
#02df57
情報反転
#fd20a8 25% 飽和度
#00e156 濃淡階調
#707070
rgb(2, 223, 87)
rgba(2, 223, 87, 1.0)
赤色:0.7843%、黄色:63.3769%、青色:87.451%
#02df57
188247
-16588969 / 0xff02df57
hsl(143, 98%, 44%)
hsla(143, 98%, 44%, 1.0)
色調:143(143.0769)、彩度:99(99.1031)、値:87(87.451)
X:28.133、Y:53.4764、Z:17.856
x:0.2828、y:0.5376、Y:53.4764
L:78.1554、a:-72.6237、b:52.8644
L:78.1554、u:-71.6488、v:77.4216
L:78.1554、C:89.8268、H:143.9483
L:73.1275、a:-59.3022、b:36.712
シアン色:99(0.991)、マゼンタ色:0(0)、黄色:61(0.6099)、黒色:13(0.1255)
シアン色:99(0.9922)、マゼンタ色:13(0.1255)、黄色:66(0.6588)
Y:141.417、I:-87.9615、Q:-89.0461
Y:141.417、U:-26.778、V:-122.3136
Y:141.417、Db:-81.838、Dr:265.081
Y:137.432、Cb:101.004、Cr:40.637
Y:166.135、Pb:-42.585、Pr:-104.244
10GY 8/14近似、完全一致:Munsell 10GY 8/14 / #63e457
#02df57
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#02df57
黒まで#02df57
白まで#02df57
前景
<p style="color: #02df57; background-color: #000">#02df57前景</p>
#02df57
背景
<p style="background-color: #02df57">#02df57背景</p>
#02df57
境界
<p style="border: #02df57 3px solid">#02df57境界</p>
#02df57
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02df57, #fff); background: -webkit-radial-gradient(50% 50%, #02df57, #fff); background: -o-radial-gradient(50% 50%, #02df57, #fff); background: -ms-radial-gradient(50% 50%, #02df57, #fff); background: radial-gradient(50% 50%, #02df57, #fff)">#02df57放射状グラデーション</p>
#02df57
を補足するための#df0189
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02df57, #df0189); background: -webkit-linear-gradient(top, #02df57, #df0189); background: -o-linear-gradient(top, #02df57, #df0189); background: -ms-linear-gradient(top, #02df57, #df0189); background: linear-gradient(top, #02df57, #df0189); color: #000">
#02df57
を補足するための#df0189
線上グラデーション</p>
#02df57
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02df57">#02df57テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02df57
に関連している順番で並べらられている。関連は、十六進法の色#02df57
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: