#02e697
十六進の色コード十六進の色コード#02e697
青シアン色の色合いです。光の三原色RGBにおいて色モデル#02e697
は0.78%の赤色、90.2%の绿色、59.22%の青色でできている。HSLで色彩空間#02e697
は159.21度の色調、98.28%の彩度、45.49%の明るさを有している。この色は約520 nmの波長である。
#02e697
情報反転
#fd1968 25% 飽和度
#00e897 濃淡階調
#747474
rgb(2, 230, 151)
rgba(2, 230, 151, 1.0)
赤色:0.7843%、黄色:54.8583%、青色:90.1961%
#02e697
190103
-16587113 / 0xff02e697
hsl(159, 98%, 45%)
hsla(159, 98%, 45%, 1.0)
色調:159(159.2105)、彩度:99(99.1304)、値:90(90.1961)
X:33.9078、Y:58.8409、Z:38.8485
x:0.2577、y:0.4471、Y:58.8409
L:81.2041、a:-64.3682、b:25.7415
L:81.2041、u:-70.2538、v:46.7456
L:81.2041、C:69.3245、H:158.203
L:76.7078、a:-55.3349、b:23.6682
シアン色:99(0.9913)、マゼンタ色:0(0)、黄色:34(0.3435)、黒色:10(0.098)
シアン色:99(0.9922)、マゼンタ色:10(0.098)、黄色:41(0.4078)
Y:152.822、I:-110.4435、Q:-72.7916
Y:152.822、U:-0.8961、V:-132.3192
Y:152.822、Db:-2.707、Dr:286.781
Y:147.232、Cb:127.063、Cr:33.517
Y:175.748、Pb:-13.28、Pr:-110.366
2.5G 8/12近似、完全一致:Munsell 2.5G 8/12 / #4ae48d
#02e697
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#02e697
黒まで#02e697
白まで#02e697
前景
<p style="color: #02e697; background-color: #000">#02e697前景</p>
#02e697
背景
<p style="background-color: #02e697">#02e697背景</p>
#02e697
境界
<p style="border: #02e697 3px solid">#02e697境界</p>
#02e697
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02e697, #fff); background: -webkit-radial-gradient(50% 50%, #02e697, #fff); background: -o-radial-gradient(50% 50%, #02e697, #fff); background: -ms-radial-gradient(50% 50%, #02e697, #fff); background: radial-gradient(50% 50%, #02e697, #fff)">#02e697放射状グラデーション</p>
#02e697
を補足するための#e60150
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02e697, #e60150); background: -webkit-linear-gradient(top, #02e697, #e60150); background: -o-linear-gradient(top, #02e697, #e60150); background: -ms-linear-gradient(top, #02e697, #e60150); background: linear-gradient(top, #02e697, #e60150); color: #000">
#02e697
を補足するための#e60150
線上グラデーション</p>
#02e697
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02e697">#02e697テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02e697
に関連している順番で並べらられている。関連は、十六進法の色#02e697
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: