#02e996
十六進の色コード十六進の色コード#02e996
青シアン色の色合いです。光の三原色RGBにおいて色モデル#02e996
は0.78%の赤色、91.37%の绿色、58.82%の青色でできている。HSLで色彩空間#02e996
は158.44度の色調、98.3%の彩度、46.08%の明るさを有している。この色は約520 nmの波長である。
#02e996
情報反転
#fd1669 25% 飽和度
#00eb96 濃淡階調
#757575
rgb(2, 233, 150)
rgba(2, 233, 150, 1.0)
赤色:0.7843%、黄色:55.9977%、青色:91.3725%
#02e996
190870
-16586346 / 0xff02e996
hsl(158, 98%, 46%)
hsla(158, 98%, 46%, 1.0)
色調:158(158.4416)、彩度:99(99.1416)、値:91(91.3725)
X:34.669、Y:60.4927、Z:38.7032
x:0.259、y:0.4519、Y:60.4927
L:82.1053、a:-65.6188、b:27.4724
L:82.1053、u:-71.2866、v:49.2801
L:82.1053、C:71.1376、H:157.2826
L:77.7771、a:-56.5439、b:24.9403
シアン色:99(0.9914)、マゼンタ色:0(0)、黄色:36(0.3562)、黒色:9(0.0863)
シアン色:99(0.9922)、マゼンタ色:9(0.0863)、黄色:41(0.4118)
Y:154.469、I:-110.9456、Q:-74.6705
Y:154.469、U:-2.1986、V:-133.7642
Y:154.469、Db:-6.689、Dr:289.912
Y:148.646、Cb:125.751、Cr:32.484
Y:177.821、Pb:-14.935、Pr:-111.682
2.5G 8/12近似、完全一致:Munsell 2.5G 8/12 / #4ae48d
#02e996
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#02e996
黒まで#02e996
白まで#02e996
前景
<p style="color: #02e996; background-color: #000">#02e996前景</p>
#02e996
背景
<p style="background-color: #02e996">#02e996背景</p>
#02e996
境界
<p style="border: #02e996 3px solid">#02e996境界</p>
#02e996
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02e996, #fff); background: -webkit-radial-gradient(50% 50%, #02e996, #fff); background: -o-radial-gradient(50% 50%, #02e996, #fff); background: -ms-radial-gradient(50% 50%, #02e996, #fff); background: radial-gradient(50% 50%, #02e996, #fff)">#02e996放射状グラデーション</p>
#02e996
を補足するための#e90155
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02e996, #e90155); background: -webkit-linear-gradient(top, #02e996, #e90155); background: -o-linear-gradient(top, #02e996, #e90155); background: -ms-linear-gradient(top, #02e996, #e90155); background: linear-gradient(top, #02e996, #e90155); color: #000">
#02e996
を補足するための#e90155
線上グラデーション</p>
#02e996
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02e996">#02e996テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02e996
に関連している順番で並べらられている。関連は、十六進法の色#02e996
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: